something about css（3）

块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别

块级元素block-level： div h1~h6 form ul li table p

1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
2. 元素的高度、宽度、行高以及顶和底边距都可设置。
3. 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
4. 块级元素可以放行内元素和块级元素

行内元素inline-level: em stong span button label input textarea img br

1. 和其他元素都在一行上；
2. 元素的高度、宽度、行高及顶部和底部边距不可设置；
3. 元素的宽度就是它包含的文字或图片的宽度，不可改变。
4. 行内元素只能包含行内元素和文本

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

css继承就是只子节点继承父节点的属性

• 不可继承的：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。

• 所有元素可继承：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。

• 表格元素可继承：border-collapse。

如何让块级元素水平居中？如何让行内元素水平居中?

• 块级元素： margin:0 auto;
• 行内元素：text-align:center

单行文本溢出加 ...如何实现?

white-space:nowrap;不折行

overflow:hidden;超出部分隐藏

text-overflow:ellipsis;显示省略符号来代表被修剪的文本。

px, em, rem 有什么区别

• （Pixel）是像素，是固定值。
• 值并不是固定的，会继承父级元素的字体大小，是默认字体大小的倍数。
• rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素

解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b   \4f53',sans-serif;
}

• 表明整个body里面的字体大小为12px,行高为12px的1.5倍，即18px.字体优先采用tahoma字体，后面用,分开的都是备选字体，若前面的字体浏览器找不到则按照顺序依次往下选择。

• 引号表明字体名称包含空格，引号内部是一个字体的整体名称。

• 在 CSS 中设置字体时，直接写字体中文或英文名称浏览器都能识别，直接写中文的情况下编码（GB2312、UTF-8 等）不匹配时会产生乱码。保险的方式是将字体名称用Unicode来表示。代码中的'\5b8b\4f53'就是用Unicode表示的字体宋体。