css第一課

語法:
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器,以及一條或多條聲明


css語法規(guī)則

行內(nèi)樣式表

直接在區(qū)塊中添加style屬性

<!--行內(nèi)樣式表,一般不寫寫行內(nèi)樣式表,優(yōu)先級(jí)最高-->
<p style="font-size: 100px;">
    測(cè)試用的文字,<br />2222222222
</p>

標(biāo)簽選擇器

class 選擇器用于描述一組元素的樣式知残,class 選擇器有別于id選擇器酝锅,class可以在多個(gè)元素中使用纹因。
class 選擇器在HTML中以class屬性表示, 在 CSS 中蜀细,類選擇器以一個(gè)點(diǎn)"."號(hào)顯示

body {  //選擇器和標(biāo)簽名相同
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
對(duì)所有body標(biāo)簽生效
body.bgtest {  //標(biāo)簽名后加".選擇器名"
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
對(duì)所有body標(biāo)簽生效

最佳選擇:

/*class選擇器!重點(diǎn)*/
.mydivcss{  //mydivcss就是選擇器的名字,想要使用此選擇器必須要在標(biāo)簽的class屬性中指定這個(gè)選擇器
    color: aqua;        
    background: deeppink;
}

使用方法:

<!--使用class選擇器-->
<div class="mydivcss">  //直接在想要改變樣式的標(biāo)簽中把class屬性指向指定的選擇器就行
asdfsadf <br/>
    adsfasdf <br/>
    ddddddddd <br/>
</div>

id選擇器

id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式伶椿。
HTML元素以id屬性來設(shè)置id選擇器,CSS 中 id 選擇器以 "#" 來定義再芋。
以下的樣式規(guī)則應(yīng)用于元素屬性 id="para1":

#para1
{
text-align:center;
color:red;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末菊霜,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子济赎,更是在濱河造成了極大的恐慌鉴逞,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件司训,死亡現(xiàn)場(chǎng)離奇詭異构捡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)壳猜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門勾徽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人统扳,你說我怎么就攤上這事喘帚〕╂ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵吹由,是天一觀的道長(zhǎng)若未。 經(jīng)常有香客問我,道長(zhǎng)溉知,這世上最難降的妖魔是什么陨瘩? 我笑而不...
    開封第一講書人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮级乍,結(jié)果婚禮上舌劳,老公的妹妹穿的比我還像新娘。我一直安慰自己玫荣,他們只是感情好甚淡,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著捅厂,像睡著了一般贯卦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上焙贷,一...
    開封第一講書人閱讀 51,737評(píng)論 1 305
  • 那天撵割,我揣著相機(jī)與錄音,去河邊找鬼辙芍。 笑死啡彬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的故硅。 我是一名探鬼主播庶灿,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼吃衅!你這毒婦竟也來了往踢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤徘层,失蹤者是張志新(化名)和其女友劉穎峻呕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惑灵,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡山上,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了英支。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片佩憾。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出妄帘,到底是詐尸還是另有隱情楞黄,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布抡驼,位于F島的核電站鬼廓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏致盟。R本人自食惡果不足惜碎税,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望馏锡。 院中可真熱鬧雷蹂,春花似錦、人聲如沸杯道。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽党巾。三九已至萎庭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間齿拂,已是汗流浹背驳规。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留署海,地道東北人达舒。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像叹侄,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子昨登,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案趾代? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)丰辣,斷路器撒强,智...
    卡卡羅2017閱讀 134,670評(píng)論 18 139
  • 簡(jiǎn)介網(wǎng)絡(luò)瀏覽器很可能是使用最廣的軟件。在這篇入門文章中笙什,我將會(huì)介紹它們的幕后工作原理飘哨。我們會(huì)了解到,從您在地址欄輸...
    wengjq閱讀 2,030評(píng)論 2 15
  • 1.目的和任務(wù)目標(biāo) 下一步這里完善 目的:了解老板的人氣指數(shù) 目標(biāo)(期待的結(jié)果):今天花費(fèi)2個(gè)小時(shí)來完成上周一到周...
    拍謝少女閱讀 721評(píng)論 0 51
  • 一 怎么接觸到羅輯思維的 記得在14年的時(shí)候發(fā)現(xiàn)了QQ推出了興趣圈子的功能琐凭。在那個(gè)里面關(guān)注自己感興趣的話題圈子芽隆,可...
    _小六閱讀 770評(píng)論 1 2