您好,都可以,都能正確的顯示,不限順序。 一般規(guī)定的順序為:font-style,font-variant,font-weight,font-size,font-family。希望能幫到您!
站在用戶的角度思考問題,與客戶深入溝通,找到耀州網(wǎng)站設計與耀州網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站設計、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、國際域名空間、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋耀州地區(qū)。
可設置的屬性(按順序): "font-style font-variant font-weight font-size/line-height font-family"
font 簡寫屬性在一個聲明中設置所有字體屬性。
font-size和font-family的值是必需的。如果缺少了其他值,默認值將被插入,如果有默認值的話。
注意: line - height屬性設置行與行之間的空間。
例子:
p.ex1{
font:15px arial,sans-serif;
}
p.ex2{
font:italic bold 12px/30px Georgia,serif;
}
擴展資料:
1、font-style:指定文本的字體樣式。
屬性值:
normal:默認值。瀏覽器顯示一個標準的字體樣式。 ?
italic:瀏覽器會顯示一個斜體的字體樣式。 ?
oblique:瀏覽器會顯示一個傾斜的字體樣式。 ?
inherit:規(guī)定應該從父元素繼承字體樣式。
2、font-variant:設置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
font-variant 屬性主要用于定義小型大寫字母文本。
屬性值:
normal:默認值。瀏覽器會顯示一個標準的字體。 ?
small-caps:瀏覽器會顯示小型大寫字母的字體。 ?
inherit:規(guī)定應該從父元素繼承 font-variant 屬性的值。 ?
3、font-weight:屬性設置文本的粗細。
屬性值:
normal:默認值。定義標準的字符。 ?
bold:定義粗體字符。 ?
bolder:定義更粗的字符。 ?
lighter:定義更細的字符。 ?
100-900的整百數(shù):定義由粗到細的字符。400 等同于 normal,而 700 等同于 bold。 ?
inherit:規(guī)定應該從父元素繼承字體的粗細。
4、font-size:屬性用于設置字體大小。 ?
5、font - family:屬性指定一個元素的字體。
這題選D
單一選擇符的復合樣式聲明應該用分號隔開:
選擇符 { 屬性1: 值1; 屬性2: 值2 }
CSS復合選擇器包括子選擇器、相鄰選擇器、包含選擇器、多層選擇器嵌套、屬性選擇器、偽選擇器和偽元素選擇器,以上具體的使用如下:
1.子選擇器
復制代碼
代碼如下:
style type="text/css"
#picimg{ // 使用 號,讓選擇器只選擇直接的子類,width:200px;
height:200px;
}
/style
div id="pic"
img src="1.jpg" alt="photo" /
spanimg src="btn" alt="點擊大圖" //span
/div
2.相鄰選擇器
如果需要選擇緊接在另一個元素后的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器(Adjacent sibling selector)。
例如,如果要增加緊接在 h1 元素后出現(xiàn)的段落的上邊距,可以這樣寫:
h1 + p {margin-top:50px;}
這個選擇器讀作:“選擇緊接在 h1 元素后出現(xiàn)的段落,h1 和 p 元素擁有共同的父元素”。
3.包含選擇器
復制代碼
代碼如下:
#header p{font-size:14px}
#main p {font-size:12}
定義div id = "header"包含框里的段落字體大小為14像素
定義div id = "main"包含框里的段落字體大小為12像素.
4.多層選擇器嵌套
復制代碼
代碼如下:
#wrap #header h2 span {font-size:24px}
#wrap #main h2 span {font-size:14px}
5.屬性選擇器
(1)匹配屬性名選擇器
div[class] {font-size:24px;}
使該選擇器能夠匹配div中設置了class屬性的對象定義格式
(2)匹配屬性值選擇器
img[alt="圖像"][title="圖像"] {border:solid 2px red}:
給img src="images/pic1.jpg" alt="圖像" title=“圖像”定義樣式
(3)模糊匹配屬性值選擇器
6.偽選擇器和偽元素選擇器
復制代碼
代碼如下:
style type ="text/css"
a:link{color:#FF0000} /*正常鏈接狀態(tài)下樣式*/
a:visited{color:#0000FF} /*被訪問之后的樣式*/
a:hover{color:#00FF00} /*鼠標經(jīng)過的樣式*/
a:active{color:#FF00FF} /*超鏈接被激活的樣式*/
/style
在CSS中,可以根據(jù)選擇器的類型把選擇器分為基礎選擇器和復合選擇器,復合選擇器是建立在基礎選擇器之上,對基本選擇器進行組合形成的。
復合選擇器可以更準確、更高效的選擇目標元素(標簽)。
復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的。
常用的復合選擇器包括:后代選擇器、子選擇器、并集選擇器、偽類選擇器等等。
后代選擇器又稱為包含選擇器,可以選擇父元素里面的子元素。其寫法就是把外層標簽寫在前面,內(nèi)層標簽寫在后面,中間用空格分隔。當標簽發(fā)生嵌套時,內(nèi)層標簽就成為外層標簽的后代。
語法:
元素1 元素2 {樣式聲明}
上述語法表示選擇元素1里面的所有元素2(后代元素)。
例如:
元素1和元素2中間用空格隔開。
元素1是父級,元素2是子級,最終選擇的是元素2。
元素2可以是兒子,也可以是孫子等,只要是元素1的后代即可。
元素1和元素2可以是任意基礎選擇器。
子元素選擇器(子選擇器)只能選擇作為某元素的最近一級子元素。簡單理解就是選親兒子元素。
語法:
上述語法表示選擇元素1里面的所有直接后代(子元素)元素2。
例如:
元素1和元素2中間用大于號()隔開。
元素1是父級,元素2是子級,最終選擇的是元素2。
元素2必須是親兒子,其孫子、重孫之類都不歸他管。也可以叫他親兒子選擇器。
并集選擇器、偽類選擇器等等。
并集選擇器可以同時選擇多組標簽,同時為他們定義相同的樣式。通常用于集體聲明。
并集選擇器是各選擇器通過英文逗號(,)連接而成,任何形式的選擇器都可以作為并集選擇器的一部分。
語法:
上述語法表示選擇元素1和元素2。
元素1和元素2中間用逗號隔開。
逗號可以理解為和的意思。
并集選擇器通常用于集體聲明。
偽類選擇器用于向某些選擇器添加特殊的效果,比如給鏈接添加特殊效果,或選擇第1個,第n個元素。
偽類選擇器書寫最大的特點是用冒號(:)表示,比如:hover、:first-child。
因為偽類選擇器很多,比如有鏈接偽類、結(jié)構(gòu)偽類等,所以看這里先給大家講解常用的鏈接偽類選擇器。
1.為了確保生效,請按照 LVHA 的循順序聲明::link-:visited-:hover-active。
2.因為a鏈接在瀏覽器中具有默認樣式,所以我們實際工作中都需要給鏈接單獨指定樣式。
二鏈接偽類選擇器實際開發(fā)中的寫法:
:focus偽類選擇器用于選取獲得焦點的表單元素。
焦點就是光標,一般情況input類表單元素才能獲取,因此這個選擇器也主要針對于表單元素來說。
網(wǎng)站題目:復合樣式css,復合樣式的分類
本文來源:http://m.rwnh.cn/article40/phjgho.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站設計公司、關鍵詞優(yōu)化、網(wǎng)站制作、網(wǎng)站改版、品牌網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)