CSS常见样式

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

块级元素 : h1~h6 ul、li、ol、li、dl 、dd、 dt、 table、form、fieldset、legend、article、section、aside、footer、tbody、thead、tfoot div、p、blackquote、address、hr
行内元素: a、span、img、input、button、em、textarea、label、strong、select、option
块级元素的特点：
①总是在新行上开始，占据一整行；
②高度，行高以及外边距和内边距都可控制；
③宽度始终是与浏览器宽度一样，与内容无关；
④它可以容纳内联元素和其他块元素。

行内元素的特点：
①和其他元素都在一行上；
②高，行高及外边距和内边距部分可改变；
③宽度只与内容有关；
④行内元素只能容纳文本或者其他行内元素。 不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用。

---

⚐什么是 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(ul ol 的属性可以继承给li)
• 表格元素可继承：border-collapse

---

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

• 块级元素水平居中 margin: 0 auto;
• 行内元素水平居中text-align: center;

---

⚐单行文本溢出加 …如何实现

对文本所在容器设置以下样式：
white-space: nowrap; / 让文字不换行 /
over-flow: hidden; / 让容器不显示溢出的文字 /
text-overflow: ellipsis; / 将溢出的文字转化为… /

---

⚐px, em, rem 有什么区别

px, em, rem都是长度单位，区别如下：
px：固定单位，只与屏幕的分辨率有关；
em：相对单位，相对于父元素的字体大小，容易产生多重嵌套；
rem：相对单位，相对于根元素（html）的字体大小；

---

⚐解释下面代码的作用?为什么要加引号? 字体里的数字符号代表什么?

font 简写属性在一个声明中设置所有字体属性，至少要指定字体大小和字体系列,可有第六个值："line-height"，可设置行间距。
这行样式解释为：
font-size=12px;
line-height:1.5; / 实际行高为 121.5=18px /
font-family=‘Hiragino Sans GB’,’\5b8b\4f53’,sans-serif /加引号因为有空格*/
’\5b8b\4f53’ 字体的unicode码。 (防止浏览器解码错误造成乱码)

---

⚐代码
代码