php div行内块元素,行内元素与块级元素的区别详细介绍
首先,CSS規范規定,每個元素都有display屬性,確定該元素的類型,每個元素都有默認的display值,分別為塊級(block)、行內(inline)。
塊級元素:(以下列舉比較常用的塊級元素,詳情可在w3cschool查詢)
定義文檔中的分區或節
定義最大的標題
定義副標題
定義標題
定義標題
定義標題
定義最小的標題
- 定義無序列表
定義段落
標簽定義表格的表頭定義表格中的行
行內元素:(以下列舉比較常用的行內元素,詳情可在w3cschool查詢)定義超鏈接
字體加粗
定義在文檔中的行內元素
向網頁中插入題圖像
輸入框
小號字體效果
換行
字體加大加粗
強調的語氣
創建單選或多選菜單
定義文本域,多行的文本輸入控件
行內元素與塊級元素的區別:
1.行內元素與塊級函數可以相互轉換,通過修改display屬性值來切換塊級元素和行內元素,行內元素display:inline,塊級元素display:block。
2.行內元素和其他行內元素都會在一條水平線上排列,都是在同一行的;
塊級元素卻總是會在新的一行開始排列,各個塊級元素獨占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮動(float:left/right)讓其水平方向排列。
3.行內元素不可以設置寬高,寬度高度隨文本內容的變化而變化,但是可以設置行高(line-height),同時在設置外邊距margin上下無效,左右有效,內填充padding上下無效,左右有效;
塊級元素可以設置寬高,并且寬度高度以及外邊距,內填充都可隨意控制。
4.塊級元素可以包含行內元素和塊級元素,還可以容納內聯元素和其他元素;
行內元素不能包含塊級元素,只能容納文本或者其他行內元素。
以上這篇全面了解行內元素與塊級元素的區別就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。
更多行內元素與塊級元素的區別詳細介紹相關文章請關注PHP中文網!
本文原創發布php中文網,轉載請注明出處,感謝您的尊重!
總結
以上是生活随笔為你收集整理的php div行内块元素,行内元素与块级元素的区别详细介绍的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c# 审批流引擎_小熊OA:流程引擎才能
- 下一篇: python之if经典语句_Python