子元素選擇器
? 用于選擇指定標(biāo)簽元素的所有第一代子元素,以大于號分隔
選擇器1 + 選擇器2 {
……
}
#d+div{border:1pxsolid red;}
html代碼同上
相鄰兄弟選擇器
? 可選擇緊接在另一元素后的元素,且二者有相同父元素 。以加號分隔
選擇器1 + 選擇器2 {
……
}
#d+div{border:1pxsolid red;}
相鄰兄弟選擇器1
開心麻花賈玲宋小寶相鄰兄弟選擇器2
普通兄弟選擇器
? 選擇緊接在另一個元素后的所有元素,而且二者有相同的父元素,以波浪線分隔
選擇器1 ~ 選擇器2 {
……
}
li~li{background-color : yellow;}
普通兄弟選擇器1
開心麻花賈玲宋小寶沈騰王寧CSS常用屬性設(shè)置
背景
? CSS 背景屬性用于定義HTML元素的背景效果
background-color
? 設(shè)置元素的背景顏色
body{background-color:#ff0000;}
background-image
? 設(shè)置元素的背景圖像,默認(rèn)情況下,背景圖像進(jìn)行平鋪重復(fù)顯示,以覆蓋整個元素實(shí)體 。
body{background-image:url(‘paper.gif’);}
background-repeat
? 設(shè)置是否及如何重復(fù)背景圖像
body{background-image:url(img/logo.jpg);background-repeat: no-repeat;}
文本
color
body{color:blue;}h1{color:#00ff00;}h2{color:rgb(255,0,0);}
text-align
? 設(shè)置文本對齊方式,center(居中),left(左對齊),right(右對齊)
body{text-align:center;}h1{text-align:right;}h2{text-align:right;}
text-decoration
? 規(guī)定添加到文本的修飾,屬性值:none、underline、overline、line-through
1)underline
? 對文本添加下劃線,與HTML的u元素相同 。
2)overline
? 對文本添加上劃線 。
3)line-through
? 對文本添加中劃線,與HTML中的s和 strike 元素相同 。
4)none
? 關(guān)閉原本應(yīng)用到元素上的所有裝飾 。
h3{text-decoration:underline;}
text-indent
? 設(shè)置文本首行縮進(jìn)
p.ident2{text-indent:2em;}
? em一個相對值,例如頁面的文本大小為17px,則2em就為17px*2
字體
font-family
? 文本字體,該屬性設(shè)置文本的字體 。
? font-family屬性應(yīng)該設(shè)置幾個字體名稱作為一種”后備”機(jī)制,如果瀏覽器不支持第一種字體,他將嘗試下一種字體,所以盡量將不常見的字體靠前,將最常見的字體放置在最后,作為替補(bǔ) 。
注意:
? 1)只有當(dāng)字體名中含有空格或#、$之類的符號時(如 New York),才需要在font-family聲明中加引號:
body{font-family:”arial black”;}
? 2)多個字體系列是用一個逗號分隔指明
/* 靠前的字體先生效 */p{font-family: 微軟雅黑,黑體,”agency fb”;}
font-size
? 文本大小
body{font-size:50px;/*字體大小50px*/}#span1{font-size:25px;/*字體大小25px*/}
font-style
? 字體風(fēng)格,該屬性最常用于規(guī)定斜體文本 。屬性值:normal、italic、oblique
? 1)normal:文本正常顯示;
? 2)italic:文本斜體顯示;
? 3)oblique:文本傾斜顯示,oblique是將文字強(qiáng)制傾斜 。
? 說明:一般情況下,字體有粗體、斜體、下劃線、刪除線等諸多屬性,但是不是所有字體都具有這些屬性,一些不常用字體可能只有正常體,若使用italic屬性則沒有效果,所以需要oblique屬性強(qiáng)制傾斜 。
font-weight
? 字體加粗,該屬性設(shè)置文本的粗細(xì) 。
? bold:可以將文本設(shè)置為粗體 。
? 100 ~ 900:為字體指定了 9 級加粗度 。如果一個字體內(nèi)置了這些加粗級別,那么這些數(shù)字就直接映射到預(yù)定義的級別 。
? 100 對應(yīng)最細(xì)的字體變形;
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- html文字間加空格 html加空格的方法
- html視頻代碼講解 html視頻代碼怎么用
- html零基礎(chǔ)入門教程 js驗(yàn)證碼代碼怎么寫
- html實(shí)現(xiàn)文件下載功能 html文件下載代碼
- html零基礎(chǔ)入門教程 html視頻代碼格式
- win11任務(wù)管理器怎么打開 被管理員禁用了怎么解禁打開
- 免費(fèi)簡單網(wǎng)頁制作成品 如何制作網(wǎng)頁站點(diǎn)
- 最新免費(fèi)html郵件模板分享 edm模板免費(fèi)下載方法
- 魚腥草為什么被禁用
- uc下一頁按鈕被屏蔽 uc下一頁按鈕不見了
