入門任務(wù)8--css常見(jiàn)樣式

1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素有 p、div、form 、 ul、 ol、 table...
行內(nèi)元素 span 、 img、em 、strong、 button 、label 、 input...

  • 一般情況下,行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素。
    而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。
  • 默認(rèn)情況下,行內(nèi)元素不會(huì)以新行開始,而塊級(jí)元素會(huì)新起一行。
  • 行內(nèi)元素不可以設(shè)置寬高、而塊級(jí)元素可以設(shè)置。
  • 行內(nèi)元素margin上下無(wú)效,padding上下無(wú)效-

2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
每個(gè) CSS 屬性定義 的概述都指出了這個(gè)屬性是默認(rèn)繼承的 ("Inherited: Yes") 還是默認(rèn)不繼承的 ("Inherited: no")。這決定了當(dāng)你沒(méi)有為元素的屬性指定值時(shí)該如何計(jì)算值。
所有元素可繼承: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。
不可繼承的: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。
3.如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
塊級(jí)元素水平居中 : margin: 0 auto
行內(nèi)元素水平居中: text-aligin: center

4.用 CSS 實(shí)現(xiàn)一個(gè)三角形

image.png

5.單行文本溢出加 ...如何實(shí)現(xiàn)?

image.png

6.px, em, rem 有什么區(qū)別
px像素(Pixel)。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。em 相對(duì)長(zhǎng)度單位,相對(duì)于其父級(jí)的字體大小的.rem的值并不是固定的,始終是基于根元素 <html> 的,也代表倍數(shù)。

7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?

image.png

字體大小為12px,字體的行高是12px*1.5,字體可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 這些字體中選擇(若都不存在,則為瀏覽器默認(rèn)字體)加引號(hào)是因?yàn)橛蠻nicode或者空格存在,字體中\(zhòng)5b8b代表黑 \4f53代表體

代碼1
代碼2
代碼3
代碼4
代碼5

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1. 塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 特性區(qū)別 塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素...
    饑人谷_哈嚕嚕閱讀 435評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素(block-level): div ...
    饑人谷_陳鵬cp閱讀 257評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別。 塊級(jí)元素div,h1-6,p,hr,form...
    Feiyu_有貓病閱讀 347評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素行內(nèi)元素block-levelinli...
    我七閱讀 454評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些? 區(qū)別1塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素;行內(nèi)元素只能包含文本和行內(nèi)元素 區(qū)別...
    upup_dayday閱讀 539評(píng)論 0 0

友情鏈接更多精彩內(nèi)容