建站
咨詢
售后
建站咨詢
新聞中心
css中的font的復(fù)合樣式的順序是怎樣的
您好，都可以，都能正確的顯示，不限順序。 一般規(guī)定的順序?yàn)椋篺ont-style，font-variant，font-weight，font-size，font-family。希望能幫到您！
創(chuàng)新互聯(lián)建站是一家專注于成都網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計(jì),寬甸網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:寬甸等地區(qū)。寬甸做網(wǎng)站價(jià)格咨詢:13518219792
一文學(xué)會(huì)CSS基本選擇器和復(fù)合選擇器
要想為指定的HTML元素添加CSS樣式，首先需要選中該元素。在CSS中，執(zhí)行這一選擇操作規(guī)則部分被稱為選擇器（選擇符）。
CSS基本選擇器可以分為五類：標(biāo)簽選擇器、id選擇器、類選擇器、通配符選擇器和偽類選擇器。
多類名選擇器
可以給單個(gè)標(biāo)簽添加多個(gè)類名，既可以提升類樣式的復(fù)用性，也可以達(dá)到添加多種樣式的效果。在后面復(fù)雜網(wǎng)頁(yè)的布局中使用較多。
pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="html" cid="n2260" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"div class="pink fontWeight font20"蘋(píng)果/div
div class="font20"香蕉/div
div class="font14 pink"橘子/div
div class="font14"/div/pre
通配器選擇器用“*”號(hào)表示，它是所有選擇器中作用范圍最廣的，能匹配頁(yè)面中所有的元素。
常用的結(jié)構(gòu)偽類選擇器：
:target 選擇器
可用于選取當(dāng)前活動(dòng)的目標(biāo)元素，然后給它添加相應(yīng)的樣式。
pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded md-focus" lang="css" cid="n2337" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit;"h2a href="#brand"Brand/a/h2
div id="brand"
content for Brand
/div
background: orange;
color: #fff;
}/pre
復(fù)合選擇器是由兩個(gè)或多個(gè)基本選擇器，通過(guò)不同的方式組合而成的，目的是為了更準(zhǔn)確、更精細(xì)的選擇目標(biāo)元素標(biāo)簽。
復(fù)合選擇器的三種類型：交集選擇器、并集選擇器、后代選擇器、子選擇器以及相鄰元素選擇器。
css中的font的復(fù)合樣式的順序是怎樣的？
可設(shè)置的屬性（按順序）： "font-style font-variant font-weight font-size/line-height font-family"
font 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有字體屬性。
font-size和font-family的值是必需的。如果缺少了其他值，默認(rèn)值將被插入，如果有默認(rèn)值的話。
注意： line - height屬性設(shè)置行與行之間的空間。
例子：
p.ex1{
font:15px arial,sans-serif;
}
p.ex2{
font:italic bold 12px/30px Georgia,serif;
}
擴(kuò)展資料：
1、font-style：指定文本的字體樣式。
屬性值：
normal：默認(rèn)值。瀏覽器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。 ?
italic：瀏覽器會(huì)顯示一個(gè)斜體的字體樣式。 ?
oblique：瀏覽器會(huì)顯示一個(gè)傾斜的字體樣式。 ?
inherit：規(guī)定應(yīng)該從父元素繼承字體樣式。
2、font-variant：設(shè)置小型大寫(xiě)字母的字體顯示文本，這意味著所有的小寫(xiě)字母均會(huì)被轉(zhuǎn)換為大寫(xiě)，但是所有使用小型大寫(xiě)字體的字母與其余文本相比，其字體尺寸更小。
font-variant 屬性主要用于定義小型大寫(xiě)字母文本。
屬性值：
normal：默認(rèn)值。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。 ?
small-caps：瀏覽器會(huì)顯示小型大寫(xiě)字母的字體。 ?
inherit：規(guī)定應(yīng)該從父元素繼承 font-variant 屬性的值。 ?
3、font-weight：屬性設(shè)置文本的粗細(xì)。
屬性值：
normal：默認(rèn)值。定義標(biāo)準(zhǔn)的字符。 ?
bold：定義粗體字符。 ?
bolder：定義更粗的字符。 ?
lighter：定義更細(xì)的字符。 ?
100-900的整百數(shù)：定義由粗到細(xì)的字符。400 等同于 normal，而 700 等同于 bold。 ?
inherit：規(guī)定應(yīng)該從父元素繼承字體的粗細(xì)。
4、font-size：屬性用于設(shè)置字體大小。 ?
5、font - family：屬性指定一個(gè)元素的字體。
分享標(biāo)題：css復(fù)合樣式,復(fù)選框樣式css
標(biāo)題來(lái)源：http://fisionsoft.com.cn/article/dsdephg.html
