css學習筆記

2021-08-20 05:09:41 字數 1269 閱讀 1826

1.(1)通過每個html檔案的style屬性

(2)使用html的乙個標籤實現,寫在head裡面,改變裡面包裹的標籤

(3)在style標籤裡面@import url(css檔案的路徑)

(4)使用頭標籤link,引入外部css檔案

2.css的優先順序:從上到下,從外到內,優先順序由低變高,後載入的優先順序高

3.css的基本選擇器(三種):(1)標籤選擇器:使用標籤名作為選擇器的名稱(2)class選擇器:每個html標籤都有class屬性,.***表示所有標籤內class屬性為***的樣式都設定為***所包含的屬性(3)id選擇器:每個html標籤都有id屬性,#***表示所有標籤內id屬性為***的樣式都設定為***所包含的屬性。

css基本選擇器的優先順序:style>id選擇器》class選擇器》標籤選擇器

4.css擴充套件選擇器:

(1)關聯選擇器:設定div標籤裡面p標籤的樣式,巢狀標籤裡面的樣式 例如:div p

注意中間的空格!

(2)組合選擇器:將不同的標籤設定成相同的樣式:例如:div,p

注意逗號!

(3)偽元素選擇器:css裡面已經定義好的樣式,可以拿過來使用。

:link        :hover       :active     :visited

5.css的盒子模型:

(1)邊框:

border

上border-top

下border-bottom

左border-left

右border-right

(2)內邊距:

padding

上padding-top

下padding-bottom

左padding-left

右padding-right

(3)外邊距:

margin

上margin-top

下margin-bottom

左margin-left

右margin-right

6.css的布局的漂浮:

float:屬性值:left:文字流向物件的右邊

right:文字流向物件的左邊

7.css的布局的定位:

position:屬性值:absolute:將物件從文件流拖出,可以使用top,bottom等屬性進行定位

relative:不會把物件從文件流拖出,可以使用top,bottom等屬性進行定位

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...