1 css是什么?
層疊樣式表,修飾網(wǎng)頁(yè)結(jié)構(gòu)
2 如何去使用css?
a.在html網(wǎng)頁(yè)中,加入一個(gè)style標(biāo)簽,在這個(gè)style標(biāo)簽里面寫(xiě)css代碼
b.可以直接把style里面的代碼放到一個(gè)單獨(dú)的文件中,通過(guò)link標(biāo)簽去引入 (常用)
c.直接在html開(kāi)始標(biāo)簽的style屬性里面去寫(xiě)css代碼
以上三種方式都可以去設(shè)置網(wǎng)頁(yè)都樣式
3 css語(yǔ)法規(guī)則?要使得html標(biāo)簽有具體都樣式,需要具備哪些條件?
a. style標(biāo)簽或者link標(biāo)簽或者style屬性這幾個(gè)都是寫(xiě)正確
b. 保證css代碼和html代碼產(chǎn)生關(guān)聯(lián),產(chǎn)生關(guān)聯(lián)的方法有多種(id<==>#) 學(xué)習(xí)到底有多少方法可以關(guān)聯(lián)html標(biāo)簽
c. 告訴瀏覽器要把html修飾成什么樣子, 學(xué)習(xí)各種樣式去修飾html標(biāo)簽
總結(jié):css要學(xué)好,就是要學(xué)習(xí)兩個(gè)東西:1 如何去關(guān)聯(lián)(查找到對(duì)應(yīng)html標(biāo)簽)2 如何去修飾這些標(biāo)簽
書(shū)寫(xiě)css的規(guī)則:
選擇器{
屬性名稱(chēng):屬性值;
屬性名2:屬性值2;
....
}
選擇器:選擇(查找)html標(biāo)簽的方法,(#box)
a.id選擇器 #自定義一個(gè)名稱(chēng)
b.類(lèi)選擇器 .自定義一個(gè)名稱(chēng)
c.標(biāo)簽選擇器 通過(guò)標(biāo)簽名稱(chēng)來(lái)選擇對(duì)應(yīng)的 html元素
總結(jié):學(xué)習(xí)了以上三個(gè)選擇器(找元素的方法),就可以查找到網(wǎng)頁(yè)中任何的元素
剩下要解決的問(wèn)題:如何去修飾html元素?邊框,顏色,字體,背景?
4 具體的css規(guī)則
4.1 顏色的表示方式
a. rgb 模式 r 紅色 g 綠色 b 藍(lán)色 紅綠藍(lán)三原色可以組成n多顏色 rgb取值范圍(0-255)
b. 直接寫(xiě)顏色的名稱(chēng)
c. 十六進(jìn)制 #9f0000 (最常用)
d. rgba(紅色,綠,藍(lán),透明度) a的取值范圍0-1 0表示完全透明 1 表示不透明
4.2 邊框相關(guān)的屬性
border-width 邊框的寬度
border-style 邊框風(fēng)格
border-color 邊框顏色
border:1px solid red; 簡(jiǎn)寫(xiě)形式
border-left 左邊 border-right 右邊 border-bottom 下邊 border-top
border-radius 邊框圓角
4.3 背景相關(guān)的屬性
background-color 背景顏色
background-image 背景圖片
background-repeat 是否重復(fù)
background-position 背景位置
4.4 字體相關(guān)屬性
font-size: 80px;
/*設(shè)置字體顏色*/
color: red;
/*字體加粗*/
/*font-weight: bold;*/
/*定義字體類(lèi)型*/
font-family:"微軟雅黑",serif;
4.5 文本相關(guān)屬性
text-align
text-indent
letter-spacing
line-height
總結(jié):1 css是什么?css有什么用?
2 css如何去使用? 如何去找到對(duì)應(yīng)html元素?如何去修飾這個(gè)元素?
找元素的方法-->css的選擇器(id 類(lèi) 標(biāo)簽)
掌握css的相關(guān)屬性 顏色 邊框 背景 文字 文本
聯(lián)系客服