1.塊級元素和行內(nèi)元素分別有哪些?動手測試并列出4條以上的特性區(qū)別
- 塊級元素:div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
- 行內(nèi)元素:em strong span a br img button iput label select textarea code script
- 塊級元素可以設(shè)置width和height屬性千埃,行內(nèi)元素不能設(shè)置寬高
- 塊級元素寬度默認占整行憔儿,而行內(nèi)元素寬度自適應(yīng)大小
- 塊級元素可以包含塊級元素和行內(nèi)元素,而行內(nèi)元素只能包含文本和行內(nèi)元素
- 行內(nèi)元素設(shè)置上下外邊距會失效放可,設(shè)置上下內(nèi)邊距有效但不占高度
2. 什么是 CSS 繼承? 哪些屬性能繼承谒臼,哪些不能朝刊?
- 繼承就是子標簽繼承了上級標簽的CSS樣式的屬性
- 不可繼承的: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臀脏、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全景。
3. 如何讓塊級元素水平居中耀石?如何讓行內(nèi)元素水平居中?
塊級元素:設(shè)置margin的值為0,auto;
行內(nèi)元素:設(shè)置text-align:center;
4.用CSS實現(xiàn)一個三角形爸黄。
.t1{ height:0; width:0px; border-top:solid 20px transparent; border-left:solid 20px transparent; border-right:solid 20px transparent;: border-bottom:solid 20px blue; }
5.單行文本溢出加 ...如何實現(xiàn)?
E{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
6.px, em, rem 有什么區(qū)別?
- PX實際上就是像素滞伟,用PX設(shè)置字體大小時,比較穩(wěn)定和精確馆纳。但是這種方法存在一個問題诗良,當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁面時,如果改變了瀏覽器的縮放鲁驶,這時會使用我們的Web頁面布局被打破。這樣對于那些關(guān)心自己網(wǎng)站可用性的用戶來說舞骆,就是一個大問題了钥弯。因此,這時就提出了使用“em”來定義Web頁面的字體督禽。
- EM:
EM就是根據(jù)基準來縮放字體的大小脆霎。EM實質(zhì)是一個相對值,而非具體的數(shù)值狈惫。這種技術(shù)需要一個參考點睛蛛,一般都是以的“font-size”為基準。 - Rem:
EM是相對于其父元素來設(shè)置字體大小的胧谈,這樣就會存在一個問題忆肾,進行任何元素設(shè)置,都有可能需要知道他父元素的大小菱肖。而Rem是相對于根元素客冈,這樣就意味著,我們只需要在根元素確定一個參考值稳强。
7.解釋下面代碼的作用?為什么要加引號? 字體里\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 這些字體中選擇(若都不存在场仲,則為瀏覽器默認字體)
當(dāng)有空格或者Unicode碼時,需要加引號
\5b8b\4f53是字體的Unicode碼退疫,表示黑體