css學習筆記

2021-10-02 17:16:17 字數 1381 閱讀 5038

1.概念:cascading style sheets 展示樣式表

1)層疊:多個樣式可以作用在同乙個html的元素上,同時生效

2.好處:

1)功能強大

2)將內容展示和樣式控制分離

* 降低耦合度。解耦

* 讓分工協作更加容易

* 提高開發效率

3.css的使用:css和html結合方式

1)內斂方式

2)內部樣式

div<

/style>

hello css<

/div>

3)外部樣式

檔案

div

"stylesheet" href=

"css/a.css"

>

hello css<

/div>

hello css<

/div>

注意:

* 1,2,3中方式css作用範圍越來越大

* 1方式不常用,後期常用2,3

* 3格式可以寫為:

4.css語法:

1)格式:

選擇器
2)選擇器:篩選具有相似特徵的元素

3)注意:每一對屬性需要使用;隔開,最後一對屬性可以不加;

5.選擇器:篩選具有相似特徵的元素

分類:1)基礎選擇器

.cls1

div#div1

<

/style>

"div1"

>hello<

/div>

="cls1"

>nihao<

/div>

="cls1"

>china<

/p>

2)擴充套件選擇器

a:link

a:hover

a:active

a:visited

<

/style>

"#">china<

/a>

6.屬性

1)字型、文體

2)背景

3)邊框

4)尺寸

5)盒子模型

pdiv

<

/style>

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 元素內部 擁有最...