块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级可以包含块级和行内，行内只能包含文本和行内
块级占据一整行空间，行内占据自身宽度空间
宽高设置、内外边距的差异
块级元素
div h1 h2 h3 h4 h5 h6 p hr
form ul dl ol pre table
li dd dt tr td th
行内元素
em strong span a br img
button iput label select textarea
code script
什么是 CSS 继承? 哪些属性能继承，哪些不能？
继承
每个 CSS 属性定义 的概述都指出了这个属性是默认继承的 ("Inherited: Yes") 还是默认不继承的 ("Inherited: no")。这决定了当你没有为元素的属性指定值时该如何计算值。当元素的一个 继承属性 （inherited property ）没有指定值时，则取父元素的同属性的 计算值 computed value 。只有文档根元素取该属性的概述中给定的初始值（initial value）（这里的意思应该是在该属性本身的定义中的默认值）。
能继承的属性
所有元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
终端块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
不可继承的属性
不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
如何让块级元素水平居中？如何让行内元素水平居中?
块级元素水平居中：margin: 0 auto;
行内元素水平居中：text-align: center;
用 CSS 实现一个三角形
.triangle{
width: 0px;
height: 0px;
border: 100px solid;
border-top-color:#fff;
border-bottom-color:#000;
border-left-color:#000;
border-right-color:#fff;
}
单行文本溢出加 ...如何实现?
p {white-space :nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
px, em, rem 有什么区别
em：1em默认为当前对象的文本字体的font-size值，（在计算字体大小时）计算方式为给定的em值 ×给定父元素字体的font-size大小；
rem：1rem默认为根元素html的font-size值，一般为16px，计算方式：给定rem的值 × 根元素font-size大小；
px：像素px相对于显示器的分辨率而言。
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
给body添加字体样式:字体大小为12px,行高为字体的1.5倍；可选字体按优先次序排列为tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif
当字体名中有一个或多个空格，或者字体名包括符号时需要加引号
\5B8B\4F53 是字体样式宋体
网友评论