3月26日知識點梳理

2021-10-04 11:07:26 字數 2016 閱讀 4798

1:元素型別分類:

塊狀元素、內聯元素、可變元素 (內聯塊元素放在內聯這一類裡面)

2:每類元素各自的特點:

3:每個標籤屬於哪一類!!!

4:元素型別的轉換 display屬性:block inline none

css的顯示對標籤分類: 塊狀元素 內聯元素(行內元素)

爭議點: 第三類: a:可變元素 b:行內塊元素

元素型別分類:塊狀元素、內聯元素、可變元素。

注:把行內塊元素 歸在 內聯元素這一類裡面。

預設情況下元素型別每個型別特點:

塊狀元素特點:

1:在頁面中以矩形區域顯示。

2:自上而下排列,獨佔一行

3:可以直接新增寬高

4:一般情況下,作為其他元素或內容的容器

內聯元素特點:

1:在頁面中最小單位也是矩形。

2:在一行內逐個排列。

3:不可以直接新增寬高,大小是由內容撐開的。

4:內聯元素也符合盒模型的規則,但是個別屬性會出現問題(padding-top/bottom margin-top/bottom)

5: 內聯元素在一行內排列的時候,之間有間距(怎麼消除間距:a:新增浮動 b:把所有的內聯元素都放在一行不用回車鍵(不推薦使用)。)

(了解):可變元素

根據上下文的顯示,來確定這個元素是塊狀元素還是內聯元素

按按鈕按鈕按鈕鈕

哪些標籤屬於塊 哪些標籤屬於內聯:

塊狀元素:

div -最常用的塊級元素

dl - 和dt-dd 搭配使用的塊級元素

form - 互動表單

h1 -h6- 大標題

hr - 水平分隔線

ol – 有序列表

p - 段落

ul - 無序列表

lifieldset - 表單字段集

colgroup-col - 表單列分組元素

table-tr-td **及行-單元格

內聯元素:

a –超連結(錨點)

b - 粗體(不推薦)

br - 換行

i - 斜體

em - 強調

img -

input - 輸入框

label - 表單標籤

span - 常用內聯容器,定義文字內區塊

strong - 粗體強調

sub - 下標

sup - 上標

textarea - 多行文字輸入框

u - 下劃線

select - 專案選擇

元素型別的轉換:

display屬性:作用:檢索或者設定元素生成的盒模型型別。

常用屬性值:

a: display:block;

作用:將元素轉成塊狀元素,擁有塊狀元素特點。

補充:大部分塊狀元素,預設的display的值都是block;

b: display:inline;

作用:將元素轉成內聯元素,擁有內聯元素的特點。

補充:大部分內聯元素,預設的display的值inline;

c: display:none;

作用:將當前隱藏,並不佔據空間。

拓展知識點:任何元素新增浮動,都可以設定大小。

注:導航項:寬高盡量放在a上面:讓a區域足夠大,增強使用者體驗效果。

今天老師帶領我們作案例,作完案例開始學習新課程元素型別分類:塊狀元素、內聯元素、可變元素(內聯塊元素放在內聯這一類裡面)每類元素各自的特點,每個標籤屬於哪一類,元素型別的轉換:display屬性:block inline none

css的顯示對標籤分類: 塊狀元素 內聯元素(行內元素)爭議點:第三類: a:可變元素 b:行內塊元素

元素型別分類:塊狀元素、內聯元素、可變元素這些內容。雖然也能聽得懂, 但是思維邏輯跟不上,案例方面還有數**算減行高減間距不太明白等等。到自己單獨作的時候,卻是有一種無從下手的感覺。也不知道能不能學會這一行,心理也是有一點擔憂。只能硬著頭皮學下去實在不行的話就留級,因為我想要改變以後的生活,不得不砥礪前行,好想線下上課主要是家裡有瑣事打擾,想要全身心投入學習中!

3月27日知識點梳理

內聯元素裡面有個特殊的存在 input預設的display的值為inline block vertical align 讓子元素在父元素裡面左右垂直居中 記流程 1 給父元素新增text align center 左右居中 2 給當前元素新增 display inline block vertica...

Linux知識點梳理

使用者名稱 主機名 root hostname 使用者名稱 主機名稱 符號含義 當前使用者屬於root使用者 當前使用者屬於普通使用者 注意 對系統進行配置管理時,如要root使用者 檢視主機名稱 hostname設定主機名稱 hostname hadoop senior.com注意 該方式設定,當...

spring 知識點梳理

1.spring預設所有管理的bean都是單例模式 懶載入,所有的bean都是交給spring容器中的map管理,生命週期與spring相同,如果使用多例模式,bean則是交給記憶體管理,生命週期與spring無關 2.ssm分層 控制層 服務層 資料層 對應的註解分別為 controller se...