HTML CSS 學習筆記(2)

2021-10-01 02:08:01 字數 992 閱讀 5054

html(hyper text markup language)是一種超文字標記語言。網頁所有的內容均書寫在標籤內部,標籤是組成html頁面的基本元素,因此對標籤特性的理解在html的學習過程中比較重要。

(一)標籤可分為:閉合標籤和空標籤

閉合標籤:指由開始標籤和結束標籤組成的一對標籤,這種標籤允許巢狀和承載內容,例如:

;空標籤:指沒有承載內容的單標籤如

根據標籤在文件中的位置特性進行分類的,它將元素分為三類:塊級元素,行內元素,行級塊元素(也稱塊級行元素)

1.塊級元素(block)

特點:(1)可以設定寬高、內、外邊距;

(2)獨佔一行(一對標籤自動換行);

(3)塊級元素如果不設定寬度和高度,則寬度預設為父級元素的寬度。高度則根據內容大小自動填充。

常見的塊級元素: div、p、h1、h2…hn,ol、ul、dl、li、form、table

2.行級元素也稱內聯元素(inline)

特點:(1)不可設定寬高、上下內、外邊距。(左右內、外邊距設定有效)

(2)其寬度和高度由其內容自動填充。

(2)其他行級元素共處一行 ;

常見的行級元素:、、

、、、、、等

3.行內塊元素也稱內聯塊元素(inline-block)

特點:(1)可以設定寬高、內外邊距;

(2)可以與其他內聯元素共處一行;

常見的內聯元素:input、img

元素之間的轉化

可以在行內樣式或css樣式中改變元素的display(屬性)將三種元素進行轉換。

display:block;(將元素變為塊級元素)

display:inline; (將元素變為行級元素)

display:inline-block;(將元素變為行級塊元素)

元素間的巢狀:

HTML CSS學習筆記(2)

中寫入可以構成乙個無序列表,而在中寫入構成的是乙個有序列表 絕不考慮使用table,橫向布局用帶有float的div或li取代td。當然,如果要展現的就是 肯定得用table 其實asp.net的時候,基本都用table布局的 慎用ul li,當有重複單元時可使用ul li,沒有重複的單元就別用ul...

html css 前端學習筆記2

css3去相容不同的瀏覽器,針對舊的瀏覽器做相容 新瀏覽器基本不需要新增字首。98 的 就按正常標準寫就可以了 2 需要相容性處理 transition是以下四個屬性的復合寫法格式 transition property 規定設定過渡效果的css屬性的名稱。transition duration 規...

HTML CSS學習筆記

利用標籤中style屬性來改變每個標籤的顯示樣式 適用於單個標籤的樣式修改。不靈活 this is p tag 內嵌形式 可用於同類標籤的樣式統一修改 依然不夠靈活 表示後面的所有table中的文字預設顏色如我所設定。前提是已經存在乙個定義好的css檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...