HTML中的元素可分為兩種類型：塊級(jí)元素和行級(jí)元素壤躲。這些元素的類型是通過(guò)文檔類型定義（DTD）來(lái)指明。塊級(jí)元素：顯示在一塊內(nèi)袁余，會(huì)自動(dòng)換行封寞，元素會(huì)從上到下垂直排列，各自占一行节预，如p,ul,form,div等標(biāo)簽元素叶摄。行內(nèi)元素：元素在一行內(nèi)水平排列，高度由元素的內(nèi)容決定安拟，height屬性不起作用蛤吓，如span,input等元素。
一糠赦、塊級(jí)元素：block element
- 每個(gè)塊級(jí)元素默認(rèn)占一行高度会傲，一行內(nèi)添加一個(gè)塊級(jí)元素后無(wú)法一般無(wú)法添加其他元素（float浮動(dòng)后除外）。兩個(gè)塊級(jí)元素連續(xù)編輯時(shí)拙泽，會(huì)在頁(yè)面自動(dòng)換行顯示淌山。塊級(jí)元素一般可嵌套塊級(jí)元素或行內(nèi)元素；
- 塊級(jí)元素一般作為容器出現(xiàn)顾瞻，用來(lái)組織結(jié)構(gòu)艾岂，但并不全是如此。有些塊級(jí)元素朋其，如
只能包含塊級(jí)元素。其他的塊級(jí)元素則可以包含 行級(jí)元素 - 也有一些則既可以包含塊級(jí)脆炎，也可以包含行級(jí)元素梅猿。
DIV 是最常用的塊級(jí)元素，元素樣式的display:block都是塊級(jí)元素秒裕。它們總是以一個(gè)塊的形式表現(xiàn)出來(lái)袱蚓，并且跟同級(jí)的兄弟塊依次豎直排列，左右撐滿几蜻。
特點(diǎn):
①喇潘、總是在新行上開(kāi)始体斩；
②、高度颖低，行高以及外邊距和內(nèi)邊距都可控制絮吵；
③、寬度缺省是它的容器的100%忱屑，除非設(shè)定一個(gè)寬度蹬敲。
④、它可以容納內(nèi)聯(lián)元素和其他塊元素
- 常見(jiàn)的塊級(jí)元素有：
address – 地址
blockquote – 塊引用
center – 舉中對(duì)齊塊
dir – 目錄列表
div – 常用塊級(jí)容易莺戒，也是CSS layout的主要標(biāo)簽
dl – 定義列表
fieldset – form控制組
form – 交互表單
h1 – h6 大標(biāo)題 – 6級(jí)標(biāo)題
hr – 水平分隔線
二伴嗡、行內(nèi)元素：inline element
- 也叫內(nèi)聯(lián)元素、內(nèi)嵌元素等从铲；行內(nèi)元素一般都是基于語(yǔ)義級(jí)(semantic)的基本元素瘪校，只能容納文本或其他內(nèi)聯(lián)元素，常見(jiàn)內(nèi)聯(lián)元素 “a”名段。比如 SPAN 元素阱扬，IFRAME元素和元素樣式的display : inline的都是行內(nèi)元素。例如文字這類元素吉嫩，各個(gè)字母 之間橫向排列价认，到最右端自動(dòng)折行。
特點(diǎn)：
①自娩、和其他元素都在一行上用踩；
②、高忙迁，行高及外邊距和內(nèi)邊距不可改變脐彩；
③、寬度就是它的文字或圖片的寬度姊扔，不可改變
④惠奸、內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素
對(duì)行內(nèi)元素，需要注意如下
①恰梢、設(shè)置寬度width 無(wú)效佛南。
②、設(shè)置高度height 無(wú)效嵌言，可以通過(guò)line-height來(lái)設(shè)置嗅回。
③、設(shè)置margin 只有左右margin有效摧茴，上下無(wú)效绵载。
④、設(shè)置padding只有左右padding有效，上下則無(wú)效娃豹。注意元素范圍是增大了焚虱，但是對(duì)元素周圍的內(nèi)容是沒(méi)影響的。常見(jiàn)的行內(nèi)元素
a - 錨點(diǎn)
big - 大字體
br - 換行
cite - 引用
em - 強(qiáng)調(diào)
font - 字體設(shè)定（不推薦）
i - 斜體
img - 圖片
input - 輸入框
label - 表格標(biāo)簽
行內(nèi)元素與塊級(jí)元素有什么不同懂版？
區(qū)別一：
塊級(jí)：塊級(jí)元素會(huì)獨(dú)占一行鹃栽，默認(rèn)情況下寬度自動(dòng)填滿其父元素寬度
行內(nèi)：行內(nèi)元素不會(huì)獨(dú)占一行，相鄰的行內(nèi)元素會(huì)排在同一行定续。其寬度隨內(nèi)容的變化而變化谍咆。
區(qū)別二：
塊級(jí)：塊級(jí)元素可以設(shè)置寬高
行內(nèi)：行內(nèi)元素不可以設(shè)置寬高
區(qū)別三：
塊級(jí)：塊級(jí)元素可以設(shè)置margin，padding
行內(nèi)：行內(nèi)元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效私股。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效摹察。
區(qū)別四：
塊級(jí)：display:block;
行內(nèi)：display:inline;
可以通過(guò)修改display屬性來(lái)切換塊級(jí)元素和行內(nèi)元素
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能倡鲸？
- CSS繼承：父元素設(shè)置的屬性供嚎，自動(dòng)繼承到子孫元素
- 不可繼承的：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。
- 所有元素可繼承：visibility和cursor。
- 內(nèi)聯(lián)元素可繼承：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饮怯。
如何讓塊級(jí)元素水平居中闰歪？如何讓行內(nèi)元素水平居中?
設(shè)置左右外邊距的值為auto;
設(shè)置text-align:center;
用 CSS 實(shí)現(xiàn)一個(gè)三角形
triangle{
width:0;
height:0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-bottom:20px solid blue;
}
單行文本溢出加 ...如何實(shí)現(xiàn)?
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
px, em, rem 有什么區(qū)別
px:固定尺寸
em:相對(duì)于父元素的尺寸倍數(shù)
rem 相對(duì)單位，相對(duì)于根元素（html）的字體的大小蓖墅。比如默認(rèn)的html是16px,那么库倘，想設(shè)置12px的文字就是12/16=0.75(rem)。
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
表示字體規(guī)格為：
字體大小為12px
字體行高為1.5倍字體大小
字體可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 這些
字體中選擇（若都不存在置媳，則為瀏覽器默認(rèn)字體）
當(dāng)有空格或者Unicode碼時(shí)于樟，需要加引號(hào)
\5b8b\4f53是字體的Unicode碼，表示黑體