一.塊級(jí)元素和行內(nèi)元素分別有哪些璧诵?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
- 1.塊級(jí)元素(block-level):div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
2.行內(nèi)元素(inline-level):em strong span a br img button iput label select textarea code script - 區(qū)別:
1.塊級(jí)元素:
每個(gè)塊級(jí)元素都獨(dú)占一行惰拱。
塊級(jí)元素的高度(height)讹堤、寬度(width)都可設(shè)置睁壁。
塊級(jí)可以包含塊級(jí)和行內(nèi)锣光。
塊級(jí)元素默認(rèn):display:block捏卓。
2.行內(nèi)元素:
多個(gè)行內(nèi)元素可以并排排列丛忆,當(dāng)一行排滿時(shí)是會(huì)到下一行逗栽。
行內(nèi)元素的高度(height)盖袭、寬度(width)都不可以設(shè)置。
行內(nèi)只能包含文本和行內(nèi)彼宠。
行內(nèi)元素默認(rèn):dipslay:inline鳄虱。
二.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能凭峡?
- 繼承就是子標(biāo)簽繼承了上級(jí)標(biāo)簽的CSS樣式的屬性拙已。
- 1 .不可繼承的:margin padding width height positon fload clear verticalalign
2..可繼承的:font color font-family visibility
三.如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
- 塊級(jí)元素居中:margin: 0 auto;
- 行內(nèi)元素居中:text-align : center;
四.用 CSS 實(shí)現(xiàn)一個(gè)三角形
五.單行文本溢出加 ...如何實(shí)現(xiàn)?
- white-space: nowrap → 先設(shè)置文本不折行
- overflow: hidden → 設(shè)置溢出隱藏
- text-overflow: ellipsis → 設(shè)置隱藏部分為...
六.px, em, rem 有什么區(qū)別摧冀?
- px :像素倍踪,固定單位。
- em :相對(duì)單位索昂,相對(duì)于父元素字體的大小建车,一般指字體高度。
- rem : 相對(duì)單位椒惨,相對(duì)于根元素字體的大小缤至。
七.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
- 設(shè)置字體大小12px行高1.5倍(18px),字體類型一次為tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif康谆。
- 因?yàn)槠渲杏锌崭窳斐猓圆偶右?hào)嫉到。
- \5b8b\4f53代表:宋體。