塊級元素特點:display:block;
1、每個塊級元素都從新的一行開始,並且其後的元素也另起一行。獨佔一行
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定乙個寬度。
行內元素特點:display:inline;
1、和其他元素都在一行上;
2、元素的高度、寬度及頂部和底部邊距不可設定;
3、元素的寬度就是它包含的文字或的寬度,不可改變。
行內塊狀元素的特點:display:inline-block;
1、和其他元素都在一行上;
2、元素的高度、寬度、行高以及頂和底邊距都可設
塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素
例如:
✔️
✔️
❌塊級元素不能放在p標籤裡面,比如
❌
❌有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標籤是:
h1 h2 h3 h4 h5 h6 p
li元素可以嵌入ul,ol,div等標籤
4 HTML基本結構和常用標籤
html lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head body html 網頁的整理檔案,根元素 網頁的頭部資訊,不會顯示在網頁中 網頁的元資訊...
重溫系列4《html高階篇 表單標籤》
1.from表單的作用 製作填寫的 等,此 可以提供給瀏覽者填寫資訊。所填寫的資訊對應的資料可以由前端傳送給後端。如下圖所示 method 這個是表示資料傳送的方式,有兩種 get 或 post action 這是資料要發給的物件 補充 這裡單獨的from表單無法做出效果,需要搭配以下標籤進行組合使...
4 HTML 屬性與使用
例如 href 這是乙個鏈結a 效果 這是乙個鏈結 html 屬性的使用 另外,屬性和屬性值對大小寫不敏感。不過,推薦小寫的屬性 屬性值。並且新版本的 x html 要求使用小寫屬性。下面列出了適用於大多數 html 元素的屬性 屬性描述 class 為html元素定義乙個或多個類名 classna...