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