css四種選擇器

css做樣式,Html專注做結(jié)構(gòu)

<style><×yle>寫在<head></head>標(biāo)簽中

css規(guī)則有兩個主要的組成部分構(gòu)成:選擇器一級一條或多條聲明 例:<p> {color: red; }屬性值前面,冒號后面保留一個空格;選擇器和大括號之間保留空格


1.基礎(chǔ)選擇器


1).標(biāo)簽選擇器:把某一類標(biāo)簽全部選擇出來,比如<div><span>


2).類選擇器:例:.red{color: red;}


多類名使用方式:例:<div class="red font20">亞瑟</div>


多類名開發(fā)中的使用場景:


1.把一些標(biāo)簽元素相同的樣式(共同的部分)放在一個類里 2.這些標(biāo)簽可以調(diào)用公共的類,也可以調(diào)用自己獨有的類


html font標(biāo)簽 語法


作用:規(guī)定文本的字體、字體尺寸、字體顏色。


說明:請使用樣式(代替 <font>)來定義文本的字體、字體顏色、字體尺寸。<font>標(biāo)簽常用的屬性有:color(文本顏色)、size(文本大?。ace(文本字體)等


3).id選擇器


語法:#id名{


? ? ? ? ? 屬性1:屬性值1;


? ? ? ? ? ...


? ? ? ? ? }


id選擇器只能調(diào)用一次,別人切勿使用。


id選擇器和類選擇器的區(qū)別:


類選擇器(class)好比人的名字,一個人可以有多個名字,同時一個名字也可以被多個人使用。(可以被調(diào)用多次)


id選擇器好比人的身份證號碼,全中國是唯一的,不得重復(fù)(只能被調(diào)用一次)


類選擇器在修改樣式中使用最多


4).通配符選擇器


通配符選擇器用*定義,會給所有的元素使用樣式,特殊情況下才使用


語法: * {


? ? ? ? ? 屬性1: 屬性值1;


? ? ? ? ? ...


? ? ? ? }


標(biāo)簽選擇器:選出所有相同的標(biāo)簽


類選擇器:根據(jù)需求選出一個或多個標(biāo)簽


id選擇器:一次只能選一個


通配符選擇器:選擇所有標(biāo)簽

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容