CSS常見屬性

塊級(jí)元素和行內(nèi)元素例子以及特性


<strong>塊級(jí)元素</strong>:所謂塊級(jí)元素就是直觀上占位一行的元素,不能與任何其他元素共同排列在一行,同時(shí)塊級(jí)元素的默認(rèn)寬度和瀏覽器頁面寬度一樣,塊級(jí)元素可以包含另一個(gè)塊級(jí)元素和行內(nèi)元素;比如div、nav、address、table、form、p、head等都是塊級(jí)元素。
<strong>行內(nèi)元素</strong>行內(nèi)元素就是可以與其他元素共占一行,行內(nèi)元素不能包含塊級(jí)元素,但是可以包含行內(nèi)元素。行內(nèi)元素的寬度與內(nèi)容長(zhǎng)短有關(guān),而不能通過width進(jìn)行設(shè)置??梢园址琫m、img、input、span、等標(biāo)簽都是行內(nèi)元素。
同時(shí)塊級(jí)元素和行內(nèi)元素的不同還體現(xiàn)在盒模型上。對(duì)于行內(nèi)元素,margin只能對(duì)其進(jìn)行左右設(shè)置,padding也只能對(duì)左右進(jìn)行設(shè)置,對(duì)于行內(nèi)元素高度不能使用height來設(shè)置,要使用line-height來進(jìn)行設(shè)置

什么是CSS繼承?哪些屬性可以繼承,哪些不能?


所謂css繼承是指在html節(jié)點(diǎn)樹狀圖中,子元素能夠繼承父元素的相應(yīng)屬性,比如當(dāng)父元素的文本顏色設(shè)置為紅色時(shí),子元素中也存在著文本,但是沒有設(shè)置相應(yīng)顏色,此時(shí)子元素會(huì)繼承父元素的這一文本字體顏色設(shè)定,將字體設(shè)置為紅色。
但不是所有的屬性都可以繼承
不可繼承的屬性有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。
內(nèi)聯(lián)元素可以繼承的屬性有l(wèi)etter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
所有元素可以繼承的有visibility和cursor。
塊狀元素可以繼承的有text-indent和text-align。
列表元素可以繼承的有l(wèi)ist-style、list-style-type、list-style-position、list-style-image。
表格元素可以繼承的有border-collapse。

如何讓塊級(jí)元素居中?如何讓行內(nèi)元素水平居中?


塊級(jí)元素居中: margin 0 auto
行內(nèi)元素水平居中: text-align:center;

單行文本溢出...怎么實(shí)現(xiàn)


E {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

px rem em有什么區(qū)別


px:相對(duì)單位長(zhǎng)度,像素是相對(duì)于顯示器分辨率而言
rem:相對(duì)長(zhǎng)度,但是針對(duì)根元素(html)字體大小而言
em:相對(duì)長(zhǎng)度,針對(duì)父元素字體大小而言

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


body{
      font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

作用是設(shè)置字體大小以及字體格式,由于有些詞組之間存在空格,因此需要加引號(hào),還有當(dāng)字體名字為中文時(shí)候需要加引號(hào)。\5b8b\4f53是unicode碼,代表宋體,因而需要加引號(hào)。

最后編輯于
?著作權(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)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,160評(píng)論 1 92
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別? 基本概念: 一、塊級(jí)元素:block ele...
    FLYSASA閱讀 912評(píng)論 0 0
  • 1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別 塊級(jí)元素有 div h1 h2 h3 h4 h...
    向前沖沖的蝸牛閱讀 344評(píng)論 0 0
  • HTML元素類型 HTML元素又分為塊級(jí)(block-level)元素與行內(nèi)(內(nèi)聯(lián)、inline-level)元素...
    尾巴尾巴尾巴閱讀 207評(píng)論 0 0
  • 塊級(jí)元素和行內(nèi)元素分別有哪些 塊級(jí)元素block-level: div、h1/h2/h3.. p form...
    饑人谷_hfz閱讀 301評(píng)論 0 0

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