#CSS常见样式

1. 块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
   块级元素：p、div、h1~h6、table、tr、th、td、dl、dd、ul、ol、li、body、form、、
   行内元素：a、span、input、img、code、textarea、button、iframeem、strong、script、label、br
   区别：块级元素占据一行，行内元素占据本身大小的位置
   块级元素可以设置宽高；行内元素不能设置宽高
   块级元素中可以包含任一元素；行内元素只能包含行内元素；
   块级元素设置margin、padding时可以生效，位置会发生变化；行内元素设置时margin、padding只能左右生效，同时它占据的位置不发生变化
   块级元素设置水平居中可以margin：0 auto;行内元素居中为text-align=center；

2. 什么是 CSS 继承? 哪些属性能继承，哪些不能？
   子标签继承父标签的css样式。
   继承：font-size、font-family、color、line-height、font-weight
   不能继承：display

3. 如何让块级元素水平居中？如何让行内元素水平居中?
   块级元素设置水平居中可以margin：0 auto;行内元素居中为text-align=center；

4. 用 CSS 实现一个三角形
   三角形

5. 单行文本溢出加 ...如何实现?
   {white-space:nowrap
   overflow:hidden;
   text-overflow:ellipsis;
   }

6. px, em, rem 有什么区别
   px: 固定单位
   em：相对单位，以父元素为基础
   rem：相对单位，以根元素（html）为基准

7. 解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
   body{
   font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
   }
   body的字体设置：字体的大小为12像素；行高为字体的1.5倍；字体的类型为tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
   加引号的作用：为了防止css校验器将字符串中的空格省略掉，从而引起识别错误
   代表的是宋体，使用Unicode编码而来的

8. demo
   8.1. http://js.jirengu.com/hesaz/5
   8.2. http://js.jirengu.com/xunu/3
   8.3. http://js.jirengu.com/qada/5
   8.4.http://js.jirengu.com/joza/2/edit
   8.5.http://js.jirengu.com/vaxo/4/edit
   **严禁转载，违者必究！