前端學習筆記css 02

2021-10-07 04:21:23 字數 1759 閱讀 5608

◆內嵌式寫法

樣式表寫法

<

/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...