1.什么是 CSS 继承?哪些属性能继承,哪些不能?
如果设置父元素为红色,那么子元素也会继承父元素成为红色。不用再特意设置。 如:
2.块级元素和行内元素分别有哪些?
块级元素: div a form h1到h6 table button hr p ol ul dl cnter 等。
行内元素: heda meat title lable span br a style em b i strong等。
3.如何让块级元素水平居中?如何让行内元素水平居中?如何让 inline-block 元素水平居中?
div p{margin:0 auto; width:0px} text-align: center; margin:0 auto;
不管是inline-block还是block,我们需要理解其居中的原理,是inline-block,就对其父级元素添加text-align:center,是块级元素就对其本身添加margin:0 auto;记住了这些,以后再对元素进行居中,居左,居右的时候就不用担心自己不会啦。
4.单行文本溢出加 ...如何实现?
{text overflow: ellipsis;}
5.px, em, rem,vw 有什么区别?
px: 固定单位。px就是pixel的缩写,意为像素。px就是一张图片最小的一个点,一张位图就是千千万万的这样的点构成的,比如常常听到的电脑像素是1024x768的,表示的是水平方向是1024个像素点,垂直方向是768个像素点。
em:相对单位,相对于父元素字体大小。
rem:相对单位,相对于根元素字体大小。
vw:相对单位,兼容性差。
6.解释下面代码的作用? 字体里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
当你的网页、css 编码是 utf8 时,某些情况下直接写:宋体、微软雅黑之类的中文字体名字,会出现不能识别导致字体设置失效的问题,如果把字体名字转成对应编码如:‘\5b8b\4f53’,就不会出现这个问题。