九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
CSS前敘

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)屬性 顏色 邊框 背景 文字 文本

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
Web頁(yè)面制作基礎(chǔ)
css篇
css總結(jié)-筆記--部分非原創(chuàng)--屬于資源整合
HTML入門(mén)基礎(chǔ)教程(5)- CSS介紹+選擇器 - 標(biāo)簽使用方法
CSS知識(shí)點(diǎn)總結(jié)
【Python之路】第十一篇
更多類(lèi)似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服