h5學(xué)習(xí)記錄

display

  • none 此元素不會被顯示。
  • block 此元素將顯示為塊級元素,此元素前后會帶有換行符。
  • inline 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。
  • inline-block 行內(nèi)塊元素。(CSS2.1 新增的值)

overflow

  • visible 默認(rèn)值。內(nèi)容不會被修剪,會呈現(xiàn)在元素框之外。
  • hidden 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的。
  • scroll 內(nèi)容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
  • auto 如果內(nèi)容被修剪,則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。
  • inherit 規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。

strong

  • 加粗字體

em

  • 斜體

del

  • 價錢加中劃線

空格

  • & nbsp;(去掉&后面空格)

左尖括號

  • & lt;(去掉&后面空格)

右尖括號

  • & gt;(去掉&后面空格)

各種標(biāo)簽層級

  • !important > 行間樣式(style寫在標(biāo)簽里面) > id > class | 屬性 > 標(biāo)簽選擇器 > 通配符

html中的等級表示是256進(jìn)制!

htmlbiaoshi.jpg

text-indent

  • 縮進(jìn) 單位是em。1em = 1 fontsize = 16px

position

  • absolute 脫離原來位置進(jìn)行定位,最近的有定位的父級定位,如果沒有就相當(dāng)于文檔 絕對定位
  • relative 保留原來位置進(jìn)行定位,相當(dāng)于原來的位置進(jìn)行定位 相對定位

box-sizing

  • border-box向內(nèi)部壓縮整體
  • content-box默認(rèn)方式不壓縮整體

知識點(diǎn)總結(jié)

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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,125評論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,803評論 1 45
  • day01-_起源和結(jié)構(gòu) 結(jié)構(gòu):Xhtml xml 表現(xiàn):CSS 行為:DOM ECMAScript 以上都屬于W...
    Sakura_明妃閱讀 1,324評論 0 1
  • 這一章主要講解下CSS在渲染的時候的理論原理。沒人或書籍能夠覆蓋到css的所有細(xì)節(jié),所以在我們?nèi)粘J褂弥杏龅絚ss...
    秋名山車神12138閱讀 3,393評論 1 1
  • 其實(shí)已經(jīng)是25號了,緊張緊迫的日子,希望能有所突破,加油
    dhchcb閱讀 262評論 0 0

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