塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區(qū)別
塊級元素：div揖盘、from眉厨、table、h1~h6兽狭、p憾股、hr、ul箕慧、dl服球、ol、pre颠焦、tr斩熊、td、th伐庭、dd粉渠、dt分冈、li
行內元素：a、img渣叛、span丈秩、em盯捌、i淳衙、strong、button饺著、input箫攀、select、label幼衰、textarea靴跛、script、code
特性區(qū)別：
1.塊級元素獨占一行渡嚣，默認情況下梢睛，其寬度自動填滿其父元素寬度。行內元素不會獨占一行识椰，相鄰行內元素會排列在同一行里绝葡，直到一行排不下，才會換行腹鹉，其寬度隨元素的內容而變化藏畅。
2.塊級元素可以設置寬高，設置了寬度還是獨占一行功咒，行內元素設置寬高無效愉阎。
3.塊級元素可以設置水平和垂直方向的margin、padding 力奋。行內元素只有設置水平方向的margin榜旦、padding有效。垂直方向的無效景殷。
4.塊級元素可以包含塊級元素和行內元素溅呢，行內元素只能包含行內元素和文本。
5.塊級元素通過display：inline可以變成行內元素滨彻。行內元素可以通過display：block變成塊級元素藕届。
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能亭饵？
css的繼承指的是特定的CSS屬性向下傳遞到子孫元素休偶。
比如：
body設置color:red;
那么ul li也有color:red的屬性。
可以繼承的屬性:
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font-family
font-size
font-style
font-variant
font-weight
font-size-adjust
font-stretch
font
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
quotes
tab-size
text-align
text-align-last
text-decoration-color
text-indent
text-justify
text-shadow
text-transform
visibility
white-space
widows
word-break
word-spacing
word-wrap
不可繼承的屬性：
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
如何讓塊級元素水平居中辜羊？如何讓行內元素水平居中?
塊級元素水平居中：
設置寬度width,和margin:0 auto;（寬度一定要設置）
例如：
行內元素水平居中：
給包裹行內元素的父級元素設置text-align:center;
列如：
用 CSS 實現(xiàn)一個三角形
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.tri {
width: 0;
height:0;
border-top: 30px solid #2d97fa;
border-bottom: 30px solid transparent;
border-left:30px solid transparent;
border-right: 30px solid transparent;
}
</style>
</head>
<body>
<div class="tri">
</div>
</body>
</html>
向下的三角形踏兜，
單行文本溢出加 ...如何實現(xiàn)?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box {
width: 150px;
border: 1px solid;
}
.box p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class="box">
<p>啦啦啦啦啦啦啦啦阿里啦啦啦啦啦啦阿拉啦啦啦啦啦啦了</p>
</div>
</body>
</html>
px, em, rem 有什么區(qū)別
px:固定單位词顾，不會隨著父元素的變化而變化。
em:相對單位碱妆，相對于父元素字體大小肉盹，比如：p的父元素div的font-size:12px;p的font-size：2em，那么p的字體大小就是24px.
rem：相對單位疹尾，相對于根節(jié)點（html）字體的大小上忍。
解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
代碼作用：
body中的font-size是12px，行高為字體像素的1.5倍纳本，優(yōu)先使用tahoma字體窍蓝，如果瀏覽器和系統(tǒng)都沒有此字體，就使用arial繁成，以此類推吓笙，不同的字體用逗號隔開。
加引號瀏覽器才會解析成一個字體巾腕，如果不加引號會被當成兩個字體面睛。
字體里\5b8b\4f53代表的是換成Unicode編碼的表示方式的宋體。
