成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

html/css元素

olle / 435人閱讀

摘要:默認(rèn)情況下,元素寬度自動(dòng)填滿其父元素寬度。塊級元素即使設(shè)置了寬度仍然是獨(dú)占一行。高度可控的管道符內(nèi)聯(lián)塊元素內(nèi)聯(lián)塊元素既具有的寬度高度特性又具有的同行特性。為內(nèi)聯(lián)塊元素內(nèi)聯(lián)塊元素之間有的留白不同瀏覽器不同,與父元素的底部有的留白。

塊級元素

  • 會獨(dú)占一行,多個(gè)block元素會各自新起一行。默認(rèn)情況下,block元素寬度自動(dòng)填滿其父元素寬度。
  • 可以設(shè)置width,height屬性。塊級元素即使設(shè)置了寬度,仍然是獨(dú)占一行。
  • 可以設(shè)置margin和padding屬性。
  • text-align無效

內(nèi)聯(lián)元素

  • width,height無效
  • margin、padding的水平方向有邊距效果
  • 垂直方向的行為表現(xiàn)完全受line-height 和 vertical-align的影響
  • padding垂直有效,但是對上下元素的原本布局卻沒有任何影響,僅僅是垂直方向發(fā)生了層疊

應(yīng)用:

  1. 為鏈接擴(kuò)大點(diǎn)擊區(qū)域,并且不影響當(dāng)前的內(nèi)容布局。
  2. 高度可控的管道符
    a + a:before { content: ""; font-size: 0; padding: 10px 3px 1px; margin-left: 6px; border-left: 1px solid gray; }

    內(nèi)聯(lián)塊元素

    既具有block的寬度高度特性又具有inline的同行特性。
    為內(nèi)聯(lián)塊元素

內(nèi)聯(lián)塊元素之間有6px的留白(不同瀏覽器不同),與父元素的底部有3px的留白。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1971.html

相關(guān)文章

  • [譯]HTML&CSS Lesson1: 構(gòu)建第一張頁面

    摘要:元素是使用小于號和大于號包裹元素名來標(biāo)示。一個(gè)結(jié)束標(biāo)簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi),它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話,請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在,紙質(zhì)的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費(fèi)相當(dāng)多的精力和時(shí)間。 而如今,你打開個(gè)瀏覽器用搜索引擎搜索,任...

    X_AirDu 評論0 收藏0
  • [譯]HTML&CSS Lesson1: 構(gòu)建第一張頁面

    摘要:元素是使用小于號和大于號包裹元素名來標(biāo)示。一個(gè)結(jié)束標(biāo)簽表示元素的結(jié)束它由小于號元素名組成例如。和嵌套在內(nèi),它們頁面中都是可視的。使用選擇器類型選擇器類型選擇器也叫作元素選擇器根據(jù)元素類型選擇元素。 可以的話,請想象一下互聯(lián)網(wǎng)沒有發(fā)明之前的日子。網(wǎng)站還不存在,紙質(zhì)的書本是我們主要的信息來源,而在書本中查詢我們想要的資料會耗費(fèi)相當(dāng)多的精力和時(shí)間。 而如今,你打開個(gè)瀏覽器用搜索引擎搜索,任...

    LuDongWei 評論0 收藏0
  • 關(guān)于CSS Reset 那些事(四)之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要:現(xiàn)在回到我們這一章節(jié)的標(biāo)題,將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面,網(wǎng)頁上并不存在表單內(nèi)容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié),我們都說了哪些內(nèi)容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    mj 評論0 收藏0
  • 關(guān)于CSS Reset 那些事(四)之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要:現(xiàn)在回到我們這一章節(jié)的標(biāo)題,將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個(gè)問題假設(shè)你要做一個(gè)游戲單頁面,網(wǎng)頁上并不存在表單內(nèi)容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié),我們都說了哪些內(nèi)容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    Yu_Huang 評論0 收藏0
  • 如何寫出高效率的HTML

    摘要:之所以寫這篇文章,就是為了告訴你如何寫出干凈整潔的代碼,能夠讓你的網(wǎng)頁在許多設(shè)備上都能快速正常的加載運(yùn)行。在這個(gè)過程中,你能夠?qū)W會如何搭建易于維護(hù)和的網(wǎng)站以及。無論如何,盡量避免同時(shí)在和,或者和添加。 個(gè)人翻譯,歡迎轉(zhuǎn)載! 英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/ 第一次翻...

    lsxiao 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<