1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測試并列出4條以上的特性區(qū)別
常見塊級(jí)元素
div h1 h2 h3 h4 h5 h6 hr p form ul ol dl li dd dt hr pre table tr td th fieldset address menu
常見行內(nèi)元素
b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q,script, span, sub, sup,button, input, label, select, textarea
行內(nèi)元素與塊級(jí)元素的特性
內(nèi)容:行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。
格式:多個(gè)行內(nèi)元素會(huì)并列一行,不會(huì)另起一行;而塊級(jí)元素會(huì)占據(jù)整行空間。
塊級(jí)元素有可設(shè)置寬高 ,行內(nèi)元素?zé)o寬高,只顯示默認(rèn)元素內(nèi)容。
塊級(jí)元素可以設(shè)置內(nèi)外邊距 ,而行內(nèi)元素設(shè)置縱向內(nèi)外邊距無效,可以設(shè)置橫向外邊距。
inline-block:將對(duì)象呈遞為內(nèi)聯(lián)對(duì)象,但是對(duì)象的內(nèi)容作為塊對(duì)象呈遞
2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
css繼承:父元素設(shè)置樣式后,子元素的樣式與父元素樣式相同。
可繼承元素:列表相關(guān)(list),文字相關(guān)(font),文本相關(guān)(text)具體如下:
- 字體屬性:font-weght、font-size、font-family...
- 文本屬性:text-indet(字體縮進(jìn))、text-align、line-height、word-- spacing、letter-spacing、text-transform(文本縮放)、color
- 元素可見:visibility
- 表格屬性:caption-side、border-collapse、border-spacing、empty-- - cells、table-layout
- 列表屬性:list-style-type、list-style-position...
- 生成內(nèi)容屬性:quotes
- 光標(biāo)屬性:cursor
不可以繼承的屬性: - 文本:vertical-align、text-decoration、text-shadow、white-space(空白符處理)、unicode-bidi(文本方向)
- 盒模型:width、height、margin、padding、border
- 所有的背景屬性
- 定位屬性:float、clear、position、right、left、top、bottom、overflow、z-index、min-width、min-height、
- 聲音樣式屬性
3.如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
塊級(jí)元素居中:設(shè)置寬度后,marging:0,auto;
行內(nèi)元素居中:使用代碼:text-align:center
4.用實(shí)現(xiàn)一個(gè)三角形?
CSS形狀大全
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
white-space: nowrap; /*文本空間,不折疊,不換行*/
overflow:hidden;/* 超容器出部分,隱藏*/
text-overflow:ellipsis; /*文本超出部分,用省略號(hào)代替*/
6.px, em, rem 有什么區(qū)別?
px:像素,固定寬度
em:相對(duì)單位,相對(duì)于父元素的字體大小
rem: 相對(duì)于網(wǎng)頁根元素的字體大小
7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
設(shè)置字體大小12px,行高1.5,字體取值依次是 tahoma,arial,Hiragino Sans GB,宋體,sans-serif;
當(dāng)文字是中文時(shí),會(huì)加引號(hào),Hiragino Sans GB不加引號(hào)會(huì)被識(shí)別成多個(gè)元素;
\5b8b\4f53是Unicode碼, 宋體,使用unicode是因?yàn)橹苯訉懗芍形?,有的電腦里沒有對(duì)應(yīng)中文字體的字體文件,所以統(tǒng)一寫成Unicode碼,便于瀏覽器解析加載網(wǎng)頁