国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html/css元素

olle / 427人閱讀

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

塊級元素

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

內聯元素

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

應用:

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

    內聯塊元素

    既具有block的寬度高度特性又具有inline的同行特性。
    為內聯塊元素

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1971.html

相關文章

  • [譯]HTML&CSS Lesson1: 構建第一張頁面

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

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

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

    LuDongWei 評論0 收藏0
  • 關于CSS Reset 那些事(四)之 構架CSS基礎樣式庫

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

    mj 評論0 收藏0
  • 關于CSS Reset 那些事(四)之 構架CSS基礎樣式庫

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

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

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

    lsxiao 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<