◆內嵌式寫法
樣式表寫法
<
/style>
◆外鏈式寫法 寫在head裡, ![在這裡插入描述]( ◆行內樣式表 ![在這裡插入描述]( ◆三種寫法特點: ★內嵌式寫法,樣式只作用於當前檔案,沒有真正實現結構表現分離。 ★外鏈式寫法,作用範圍是當前站點,誰呼叫誰生效,範圍廣,真正實現結構表現分離。 ★行內樣式表,作用範圍僅限於當前標籤,範圍小,結構表現混在一起。 (不推薦使用)典型代表,div,h1-h6,p,ul,li
特點: ★獨佔一行
★可以設定寬高
★ 巢狀(包含)下,子塊元素寬度(沒有定義情況下)和父塊元素寬度預設一致。
典型代表 span ,a, ,strong , em, del, ins
特點:★在一行上顯示
★不能直接設定寬高
★元素的寬和高就是內容撐開的寬高。
典型代表 input img
特點:★在一行上顯示
★可以設定寬高
◆塊元素轉行內元素
◆行內元素轉塊元素
◆塊和行內元素轉行內塊元素
當多個樣式作用於同乙個(同一類)標籤時,樣式發生了衝突,總是執行後邊的**(後邊**層疊前邊的**)。和標籤呼叫選擇器的順序沒有關係。
繼承性發生的前提是包含(巢狀關係)
★文字顏色可以繼承
★文字大小可以繼承
★字型可以繼續
★字型粗細可以繼承
★文字風格可以繼承
★行高可以繼承
總結:文字的所有屬性都可以繼承。
◆特殊情況:
h系列不能繼承文字大小。
a標籤不能繼承文字顏色。
預設樣式《標籤選擇器《類選擇器a:link a效果是一樣的。
a:link 鏈結預設狀態
a:visited 鏈結訪問之後的狀態
a:hover 滑鼠放到鏈結上顯示的狀態 a:active 鏈結啟用的狀態
:focus 獲取焦點
★方位值只寫乙個的時候,另外乙個值預設居中。
★寫2個方位值的時候,順序沒有要求。
★寫2個具體值的時候,第乙個值代表水平方向,第二個值代表垂直方向。
★:連寫的時候沒有順序要求,url為必寫項。
CSS 02邊框樣式 列表樣式
邊框樣式屬性 屬性 說明border width 邊框的寬度 border style 邊框的外觀 實線 虛線等 border color 邊框的顏色 1.border width 用於定義邊框的寬度,取值是乙個畫素值 2.border style 用於定義邊框的外觀 border style屬性取...
前端學習 02
1 什麼是 html?html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁...
前端學習筆記,HTML常用標籤02
table是 th用於表示,的標題 th的用法和td一樣 tr用於表示行 乙個table標籤 有幾個tr,表示有幾行 td表示列 乙個tr裡有幾個td,表示有幾列 table標籤屬性 border 1 設定 邊框的寬度為1pixel 畫素 width 500 設定 寬度為500pixel heigh...