CSS基础样式相关试题

1.什么是 CSS 继承?哪些属性能继承，哪些不能？

如果设置父元素为红色，那么子元素也会继承父元素成为红色。不用再特意设置。 如：

设定1颜色为red，p也会颜色成red。

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’，就不会出现这个问题。

转载于:https://juejin.im/post/5b606970e51d45190c18f103