學習筆記 html元素之display

2021-08-28 20:31:38 字數 774 閱讀 9121

行級元素:

與其他元素在同一行上,內容文字或者的寬度不可以改變

對行級元素使用寬高是無效的(height:100px;width:200px;), 

左右邊距 margin-right /  margin-right有效

上下邊距 margin-bottom / margin-top無效

padding-left/right/top/bottom都有效

塊級元素:

單獨佔頁面的一行,其後元素會自動換行, 可以設定width,height, 同樣也可以設定  margin與padding屬性

display屬性可用於改變元素的行與塊樣式

1.display = block 可將行級元素變換為塊級元素

2.display = inline 可將塊級元素變為行級元素

3.display =inline-block 這是乙個混合屬性, 使行級元素擁有塊元素的性點(即可以更好設定margin, padding)

在同一行內有不同高度的元素時,通常要設定對齊方式, 如:vertical-align:top 把元素的頂端與行中最高元素的頂端對齊

內容內容

height:100px">內容內容            // height有效

內容內容內           // 如果改為塊級元素, 則display:line-block無效

4.display = none 可將元素隱藏掉, 如在設定輪播時, 可以隱藏其它暫不顯示的元素

HTML 學習筆記 元素

標籤定義了文件與外部資源之間的關係。標籤通常用於鏈結到樣式表 標籤定義了html文件的樣式檔案引用位址.在元素中你也可以直接新增樣式來渲染 html 文件 meta標籤描述了一些基本的元資料。標籤提供了元資料.元資料也不顯示在頁面上,但會被瀏覽器解析。一般放置於 區域 為網頁定義描述內容 每30秒鐘...

HTML學習筆記之網頁元素編輯

1.段落與換行 在html檔案中,由回車所產生的換行符,在瀏覽器中並不視為換行標籤,而產生的是段落標籤。稱為換行標籤,它是乙個單標籤,作用是令其後的內容在下一行顯示。由於瀏覽器會自動忽略原 中的空白和換行的部分,這使得 成為最常用的標記之一。其語法格式如下 前一行文字 後一行文字 示例 這是我的第乙...

HTML學習筆記(三) HTML 元素

html 文件是由 html 元素定義的。html 元素指的是從開始標籤 start tag 到結束標籤 end tag 的所有 開始標籤 元素內容 結束標籤 this is a paragraph this is a link 注釋 開始標籤常被稱為開放標籤 opening tag 結束標籤常稱為...