1. 块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
-
块级元素：
div p hr form ul dl ol pre table li dd dt dl td th -
行内元素：
em strong span img a br button input label select textarea code script
| 类别 | 包含 | 宽度 | 高度 | padding |
|---|---|---|---|---|
| 块级元素 | 块级元素和行内元素 | 独占一行 | 可以设置高度 | 可以正常设置 |
| 行内元素 | 文本和行内元素 | 根据自身宽度 | 不可设置高度 | 设置上下margin无效 |
2. 什么是 CSS 继承? 哪些属性能继承，哪些不能？
- CSS继承即子类元素继承父元素的属性值
-
可继承的属性：
font-size
font-family
color -
不可继承的属性：
margin
padding
border
3. 如何让块级元素水平居中？如何让行内元素水平居中?
（1）块级元素居中
自身元素{margin:0 auto;}
（2）行内元素居中
父元素{text-align:center;}
4. 用 CSS 实现一个三角形
/*css部分*/
.t0{
width: 0px;
border-top: 20px solid blue;
border-right: 20px solid yellow;
border-bottom: 20px solid green;
border-left: 20px solid red;
}
/*div部分*/
<div class="t0"></div><br/>
[图片上传失败...(image-a657aa-1532011934014)]
隐藏某一条边的方法：
(1)rgba(0,0,0,0);
(2)transparent;
5. 单行文本溢出加...如何实现?
{
white-spacing: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;
}
- 设置字体大小为12px，1.5倍行高，tahoma字体，如果没有tahoma字体就使用arial以此类推。
- 加引号是因为字体名称中间有空格
- 字体里
\5b8b\4f53代表宋体，是宋体的Unicode编码
查找字体的Unicode编码的方法：
- 打开控制台
- escape("宋体")，回车
- 将所返回的字符中的'%u'换成'\“即可
