行内元素和块级元素

1. 块级元素和行内元素分别有哪些？动手测试并列出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 butter input lable select textarea code script等

renwu-8.png

如图所示，
1.块级元素单独占一行,行内元素不单独占一行
2.块级元素有宽高行内元素无宽高
3.块级元素可以设置内边距,行内元素设置纵向内边距无效 ,横向内边距有效
4.块级元素可以包含行内元素和块级元素,行内元素只能包含行内元素和文本
5.hr可以设置样式，br则无法设置

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

css继承就是说，在一般情况下，将父元素css特性遗传给其子孙元素。当然不是所有属性都能继承。

可以继承的属性：
字体属性
font、font-family：规定元素的字体系列
font-weight、font-size、font-style：定义字体的风格
文本系列属性:
text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
word-spacing、letter-spacing、text-transform：控制文本大小写、direction：规定文本的书写方向
color：文本颜色
元素可见性： visibility
表格布局属性：
caption-side、border-collapse、border-spacing、empty-cells、table-layout
列表布局属性：
list-style-type、list-style-image、list-style-position、list-style
生成内容属性：quotes
光标属性：cursor

不可以继承属性：
display
文本类：
vertical-align：垂直文本对齐
text-decoration：规定添加到文本的装饰
text-shadow：文本阴影效果
white-space：空白符的处理
unicode-bidi：设置文本的方向
盒子模型的属性：width、height、margin 、margin-XXX、border、border-XXX...基本都不行
背景属性：都不行
定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
声音样式属性

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

1）块级元素居中：
Margin: 0 auto;
2）行内元素居中：
单行居中
Text-align:center
多行两边对齐：
Text-align:justity

4. 用 CSS 实现一个三角形

Paste_Image.png

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

Paste_Image.png

6. x, em, rem 有什么区别

px:是固定值
em:是父容器宽高长度或字体大小的倍数
rem:是根节点body设置的字体的倍数

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

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

1）意思：设置字体大小12px 字体行高1.5，字体依次查找tahoma,arial,Hiragino Sans GB，\5b8b\4f53，sans-serif；
2）当有多个英文单词，空格隔开的字体名字，需要加引号；
当字体名字为中文时，需要加引号 ,以防浏览器无法识别；
3）unicode编码‘\5b8b\4f53’ 表示宋体。