行級元素:
與其他元素在同一行上,內容文字或者的寬度不可以改變
對行級元素使用寬高是無效的(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 結束標籤常稱為...