多類(lèi)選擇器在 HTML 中,一個(gè) class 值中可能包含一個(gè)詞列表,各個(gè)詞之間用空格分隔。
創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的瑪納斯網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
在HTML或CSS文件中,定義一個(gè)class并賦予其一個(gè)名稱(chēng)。在HTML中,將class應(yīng)用于想要控制偽類(lèi)的元素。使用class選擇器與偽類(lèi)選擇器結(jié)合來(lái)控制指定class下的偽類(lèi)樣式。
用法:若一個(gè)標(biāo)簽有一個(gè)class=myclass,那么獲取這個(gè)標(biāo)簽可以使用$(.myclass),同時(shí)使用”.myclass{}“來(lái)定義CSS樣式。
class屬性命名后,可以在css中設(shè)置標(biāo)簽的樣式,而且class屬性具有重復(fù)性和多樣性。
如果id和class有樣式?jīng)_突,則id優(yōu)先讓我們舉一個(gè)例子來(lái)看一下。
請(qǐng)注意,類(lèi)選擇器和 ID 選擇器可能是區(qū)分大小寫(xiě)的。這取決于文檔的語(yǔ)言。HTML 和 XHTML 將類(lèi)和 ID 值定義為區(qū)分大小寫(xiě),所以類(lèi)和 ID 值的大小寫(xiě)必須與文檔中的相應(yīng)值匹配。
class可以在頁(yè)面里面重復(fù)使用,id由于在頁(yè)面里面只能出現(xiàn)一次,所以不能重復(fù)使用,所以盡量用class來(lái)寫(xiě),這樣能在頁(yè)面里面重復(fù)引用你寫(xiě)的css,減小工作量和代碼量。這種情況盡量用id:頁(yè)面大的模塊里面,用id來(lái)區(qū)分不同的模塊。
id: id是設(shè)置標(biāo)簽的標(biāo)識(shí)。用于定義一個(gè)元素的獨(dú)特的樣式。在CSS樣式定義的時(shí)候 以“#”來(lái)開(kāi)頭命名id名稱(chēng)。
簡(jiǎn)單點(diǎn)說(shuō)就是這句html代碼同時(shí)擁有名叫item,icon,abb的三個(gè)類(lèi)的樣式,這三個(gè)樣式都作用于此html代碼。
class是選擇調(diào)用CSS樣式的屬性,可以復(fù)用,也就是說(shuō)一個(gè)class的屬性的樣式可以用在多個(gè)標(biāo)簽上面,也可以同時(shí)使用多個(gè)class。
class屬性命名后,可以在css中設(shè)置標(biāo)簽的樣式,而且class屬性具有重復(fù)性和多樣性。
#1,#2,#3,是自定義標(biāo)簽,用于定義一個(gè)特定的樣式。名稱(chēng)也是任意。
這里樣式class的作用 如上,body內(nèi)的P標(biāo)簽由于指定了class屬性,它的顯示樣式將以名為style的css樣式的效果去顯示,也就是字體大小為50px,顏色為紅色。作為比較,名為other的css樣式的定義在這里就沒(méi)有用到。
在CSS文件里書(shū)寫(xiě)時(shí),ID加前綴#CLASS用.id一個(gè)頁(yè)面只可以使用一次;class可以多次引用。
文件[建議]:CSS文件使用無(wú)BOM的UTF-8編碼2縮進(jìn)[強(qiáng)制]:使用 4 個(gè)空格做為一個(gè)縮進(jìn)層級(jí),不允許使用 2 個(gè)空格 或 tab 字符。.selector { margin: 0; padding: 0; }3空格[強(qiáng)制]:選擇器 與 { 之間必須包含空格。
基本樣式 的寫(xiě)法 h1{ font-family:黑體;} 直接些標(biāo)簽名進(jìn)行定義屬性,這個(gè)也比較常見(jiàn)。但是它的定義通常放在標(biāo)簽中聲明。
CSS是樣式層疊表,有三種引入方式。下面,我們來(lái)看看HTML樣式CSS的三種寫(xiě)法吧。
css規(guī)范編碼規(guī)范為utf-8。協(xié)作開(kāi)發(fā)及分工:i會(huì)根據(jù)各個(gè)模塊,同時(shí)根據(jù)頁(yè)面相似程序,事先寫(xiě)**體框架文件,分配給前端人員實(shí)現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為。
當(dāng)然不換行的寫(xiě)法,也是符合CSS3的語(yǔ)法規(guī)范的,只是這樣寫(xiě)顯得有點(diǎn)凌亂。當(dāng)然在vscode編輯器里,寫(xiě)css的時(shí)候,冒號(hào)和分號(hào)是自動(dòng)補(bǔ)全的,基本上也不會(huì)出現(xiàn)編寫(xiě)錯(cuò)誤。
首先,在電腦中打開(kāi)編輯器,創(chuàng)建html文檔。然后,創(chuàng)建h1標(biāo)簽,用行內(nèi)樣式控制字體顏色為紅色。接下來(lái),用內(nèi)部樣式選擇器選擇h1標(biāo)簽,控制它的樣式。外部樣式需要,創(chuàng)建外部樣式.css文件。
文章標(biāo)題:css寫(xiě)class樣式 css class
標(biāo)題鏈接:http://aaarwkj.com/article38/dihecpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站制作、軟件開(kāi)發(fā)、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)