CSS样式

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

块级元素：div、p、table、h1、h2、h3、h4、h5、h6、hr、form、ul、ol、dl、li、dd、pre、dt、tr、td、th……

行内元素：input、em、strong、span、a、br、img、button、label、select、textarea、code、script……

1. 块级元素有宽（width）高（height）属性，而行内元素除图片（img）其余都没有
2. 块级元素的区域是元素的一整行空间，而行内元素是元素的本身空间
3. 块级元素可以包含块级和行内，而行内只包含文本和行内
4. 块级元素宽度始终是与浏览器宽度一样，与内容无关，而行内元素宽度只与内容有关
5. 块级元素对应的相关display属性block，而行内元素对应的相关display属性inline
6. 块级元素的margin和padding属性是可以设置的，而行内元素水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果，但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果。

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

css继承：继承上级的属性。

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

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

块级元素水平居中：
div p {
margin:0 auto;
width:500px;
}

块级元素p一定要设置宽度，才能相当于DIV父容器水平居中

行内元素水平居中：
div {
text-align:center;

}
DIV内的行内元素均会水平居中

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

E {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;
}

px, em, rem 有什么区别

PX特点

1. IE无法调整那些使用px作为单位的字体大小；

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

EM特点

1. em的值并不是固定的；

2. em会继承父级元素的字体大小。

rem特点

rem是CSS3新增的一个相对单位（root em，根em)。与em区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。

为什么要加引号，字体里的数字符号表示什么？

因为中间有空格，不加引号会被识别成两个元素。数字符号表示的是字体的编号。

编码1
编码2
编码3
编码4
编码5