一、css的顯示對標籤的分類
分為:塊狀元素、內聯元素(行內元素)和可變元素三種元素型別。
預設情況下元素型別每個型別的特點:
(1)塊狀元素型別的特點:
1:在頁面中以矩形區域顯示。
2:自上而下排列,每個都獨佔一行。
3:可以直接新增寬高。
4:一般情況下,作為其他元素或內容的容器。
(2)內聯元素型別的特點:
1:在頁面中最小單位也是矩形區域顯示。
2:在一行內逐個排列。
3:不能直接新增寬高,大小是由內容撐開。
4:內聯元素也符合盒模型規則,但是個別屬性會出現問題(padding-top/bottom margin-top/bottom)
5:內聯元素在一行內排列的時候,之間有間距。(消除間距方法:新增浮動/把所有內聯元素放在同一行,不用回車鍵)
(3)可變元素型別特點(了解):
根據上下文的顯示來確定這個元素是塊狀元素還是內聯元素。
塊狀元素:
div 最常用的塊級元素
dl 和dt-dd搭配使用的塊級元素
form 互動表單
h1-h6 大標題
hr 水平分割線
ol 有序列表
p 段落
ul 列表
lifieldest 表單字段集
colgaoup-col 表單列分組元素
table-tr-td 表單及行-單元格
內聯元素:
a 超連結
b 加粗
br 換行
i 傾斜
em 傾斜
img
input 輸入框
lable 表單標籤
span 常用內聯容器,定義文字內區塊
strong 加粗
sub 下標
sup 上標
textarea 多行文字輸入框
u 下劃線
select 專案選擇
二、元素型別轉換
屬性:display:;(作用:檢索或者設定元素生成的盒模型型別)
常用屬性值:
1:display:block;
作用:將元素轉換成塊狀元素,擁有塊狀元素的特點。
補充:大部分塊狀元素,預設的display值都是block;
2:display:inline;
作用:將元素轉換成內聯元素,擁有內聯元素的特點。
補充:大部分的內聯元素,預設的display值都是inline;
3:display:none;
作用:將當前元素隱藏,不佔據空間。
任何元素新增浮動,都可以設定大小。
2020 03 26 人其實是乙個系統
08 00 流言這東西,比流感蔓延的速度更快,比流星所蘊含的能量更巨大,比流氓更具惡意,比流產更能讓人心力憔悴。錢鍾書 時至今日,我並不能做到毫無阻力地暢寫日記,我會停頓,我會思考。但由於需要用腦,身體的第乙個反應就是抗拒,這也是我最原始的阻力和不適。這五十萬字的背後遠遠不止於五十萬個文字,而是我克...
SQL知識總結
use tablename 要操作的資料庫名 select logicalfilename tablename log 日誌檔名 maxminutes 10,limit on time allowed to wrap log.newsize 1 你想設定的日誌檔案的大小 m setup initia...
UML知識總結
uml從組成結構上講是由以下三大部分組成。第一部分是指包含uml建模的基本元素 關係和圖構造塊部分。基本建模元素是整個模型的基礎,有時被稱為物件,又可細分為結構性 行為性 分組性 注釋性建模元素。關係是說明多個模型元素在語意上的相關性,並可形成更高層次的語意定義,主要用在結構性和分組性的元素之間。可...