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