塊級(jí)元素與行內(nèi)元素區(qū)別
塊級(jí)元素與行內(nèi)元素
塊級(jí)元素：div, h1-h6, p, hr, form, ul, ol, dl, pre, table, li, dd, dt, tr, td, th,
行內(nèi)元素：em, strong, span, a, br, img(可設(shè)置寬高), button, input, label, select, textarea, code, script
塊級(jí)元素和行內(nèi)元素的區(qū)別
- 塊級(jí)元素會(huì)獨(dú)占一行战虏，默認(rèn)情況下寬度自動(dòng)填滿其父元素的寬度摹蘑。
行內(nèi)元素不會(huì)獨(dú)占一行姥份，相鄰的行內(nèi)元素會(huì)排在同一行。其寬度隨內(nèi)容的變化而變化。 - 塊級(jí)元素可以設(shè)置寬高
行內(nèi)元素不可以設(shè)置寬高贞盯，高度height可以通過(guò)line-height來(lái)設(shè)置酪惭。 - 塊級(jí)元素可以設(shè)置margin,padding.
行內(nèi)元素margin,padding左右生效，上下不生效。 - 塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素
內(nèi)聯(lián)元素只能包含文本和行內(nèi)元素怜姿。
css繼承
繼承的含義
基于繼承機(jī)制慎冤，樣式不僅應(yīng)用到指定的元素，還會(huì)應(yīng)用到它的后代元素沧卢。一個(gè) 繼承值沿著向下傳播到后代元素蚁堤，并一直繼續(xù)，直到再?zèng)]有更多的后代元素繼承這個(gè)值為止但狭。
繼承的屬性
- 字體：除text-decoration, text-shadow外都有繼承屬性披诗。
- 文本：繼承性常見(jiàn)的有：text-indent, text-align
沒(méi)有繼承性的有：vertical-align, text-overflow - 背景：都為無(wú)
- 定位：都為無(wú)（position,z-index）
- 布局：都為無(wú)（clear, float, overflow, display,visibility）
- 尺寸：都為無(wú)（height, width,max-height,min-height, max-width, min-height）
- margin：都為無(wú)
- padding：都為無(wú)
- 邊框（border）:都為無(wú)
- 列表（list-style,list-style-image, list-style-position, list-style-type都有）
- 表格(tabble):繼承性有：border-collapse, border-spacing, caption-side, empty-cells, table-layout, speak-header
- zoom繼承性為無(wú)。
水平居中
塊級(jí)元素水平居中
設(shè)置margin-left和margin-right為auto,(前提是已經(jīng)為元素設(shè)置了適當(dāng)?shù)膚idth寬度立磁，否則塊級(jí)元素會(huì)被拉伸為父級(jí)容器的寬度)常見(jiàn)的用法如下
.center-me{
margin:0 auto;
}
行內(nèi)元素或類(lèi)行內(nèi)元素（比如文本和鏈接）水平居中
在塊級(jí)父容器中讓行內(nèi)元素居中藤巢，只需在塊級(jí)元素上設(shè)置text-align:center。
單行文本加...如何實(shí)現(xiàn)
.card{
white-space:nowrap;(不折行的意思)
overflow:hidden;（溢出后隱藏掉）
text-overflow:ellipsis;（文本溢出后變?yōu)?..）
}
px,em,rem的區(qū)別
- px 固定單位息罗，在縮放頁(yè)面時(shí)無(wú)法調(diào)整那些使用它作為單位的字體掂咒、按鈕等的大小。
- em相對(duì)單位迈喉，相對(duì)于父元素的字體的大小绍刮，即倍數(shù)。
- rem 相對(duì)單位挨摸，相對(duì)于根元素（html）的字體的大小孩革。比如默認(rèn)的html是16px,那么，想設(shè)置12px的文字就是12/16=0.75(rem)得运。
解釋下面代碼
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
字體大小為12px,行高是字體的1.5倍膝蜈。設(shè)置的字體 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif從前往后解析，如果系統(tǒng)中都沒(méi)有的話熔掺，則設(shè)置為瀏覽器的默認(rèn)字體饱搏。
代碼中引號(hào)的作用：第一個(gè)如果不加引號(hào)，中間的空格則容易被誤解為兩個(gè)置逻，第二個(gè)是unicode編碼推沸，必須加引號(hào)。
'\5b8b\4f53'：代表黑體券坞，是其unicode編碼鬓催。
看字體unicode編碼的方法是在開(kāi)發(fā)者工具中的console中輸入：escape('黑體')，然后把%u換成\
