CSS 指層疊樣式表
css是一種標(biāo)記語言瑟俭,屬于瀏覽器解釋型語言暂殖,可以直接由瀏覽器執(zhí)行茫叭,不需要編譯。
有三種方法可以在站點網(wǎng)頁上使用樣式表:
1. 外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁鏈接到外部樣式表负懦。
2. 嵌入式Embedding(也叫內(nèi)頁樣式):在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
3. 內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素柏腻。
其中纸厉,優(yōu)先級:內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式
css是用來表示html和xml的標(biāo)記語言。
css由選擇器五嫂、屬性和值組成颗品。
css的長度單位
px 像素
em 相對于默認(rèn)大小 倍數(shù)
pt 磅 cm(厘米) mm(毫米) 絕對單位
css顏色的表示
常用的顏色:orange blue purple white black red yellow green gray cyan
rgb表示:rgb(123,206沃缘,98)
? ? ? ? ? ? ? ? ? ? ? (0~255躯枢,0~255,0~255)
? ? ? ? ? ? ? ? rgb(百分比槐臀,百分比闺金,百分比)
rgb(255,255峰档,255)白色
rgb(0败匹,0寨昙,0)黑色
rgb(100,100掀亩,100)灰色? 只要三個都一樣就是灰色
值越大顏色越淺舔哪,值越小顏色越深
十六進制(推薦使用)
#34afa1
#ff0000? 紅色? 可以簡寫 #f00
#00ff00? 綠色? 簡寫? #0f0
#0000ff? 藍色? 簡寫 #00f
#ffffff? ? 白色 簡寫 #fff
#000000? 黑色? 簡寫 #000
#cccccc? 灰色? 簡寫 #ccc
#336699? 簡寫? #369
CSS注釋
/*注釋*/
CSS選擇器
元素選擇器
ID選擇器? ? ? ? ? ? ? ? ? ? ? ?#id
Class選擇器? ? ? ? ? ? ? ? ?.類名
全局選擇器? ? ? ? ? ? ? ? ? ?*
關(guān)聯(lián)選擇器-后代元素選擇器 slecter slecter
關(guān)聯(lián)選擇器-子元素選擇器? ? slecter>slecter
組合選擇器 兩種基本選擇器的組合
偽類選擇器:link:選擇器選擇未訪問的鏈接,向未訪問的鏈接添加特殊的樣式槽棍。
? ? ? ? ? ? ? ? ? ? :visited:向訪問過的鏈接添加特殊的樣式
? ? ? ? ? ? ? ? ? ? :hover:在鼠標(biāo)移到鏈接上時添加的特殊樣式捉蚤。
? ? ? ? ? ? ? ? ? ? :active:向活動的鏈接添加特殊的樣式,當(dāng)你點擊一個鏈接時它變成活動鏈接炼七。
選擇器的優(yōu)先級:ID>Class>Tag
組合選擇器中 ID權(quán)重100? ? ?Class10? ? ? ?Tag權(quán)重1
CSS的屬性
字體屬性
font-family 字體 字體分為襯線字體(serif)和非襯線字體(sans-serif)
font-size? 字體大小
font-style 字體風(fēng)格 normal(默認(rèn)) itailc(斜體)
font-weight 字體粗度 normal(默認(rèn))bold(加粗) bolder(更粗)lighter(變細(xì))
font-variant 字體變形? normal(默認(rèn)) small-caps(小型大寫字母)
font 同意設(shè)置
font【style/weight/variant? size? family】字體在最后
顏色屬性
color 值:字母/rgb/16進制
文本屬性
letter-spacing 字母間距
word-spacing 單詞間距
text-decoration 文本修飾:underline? 下劃線
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:overline? ? ? 上劃線
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:line-through? 刪除線(中劃線)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:none(默認(rèn)值)