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檔案,網頁的一部分樣式需要用到,那麼可以採用這種方...