css引入與css選擇器

一稽屏、CSS引入方式有三種:行間樣式、內(nèi)部樣式改衩、外部樣式

1.行間樣式的優(yōu)缺點(diǎn):(1)優(yōu)點(diǎn):不會(huì)額外的產(chǎn)生請(qǐng)求

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點(diǎn):容易產(chǎn)生重復(fù)的代碼权均,造成文檔體積變大;不利于維護(hù)髓绽;不符合結(jié)構(gòu)與樣式分離的規(guī)范敛苇;

所以,綜上所述:不建議使用行間樣式

2.CSS內(nèi)部樣式:在html文檔中開(kāi)辟一個(gè)書寫CSS語(yǔ)句的區(qū)域

? 內(nèi)部樣式的優(yōu)缺點(diǎn):(1)優(yōu)點(diǎn):不會(huì)產(chǎn)生額外的請(qǐng)求顺呕;初步實(shí)現(xiàn)結(jié)構(gòu)與樣式分離枫攀;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (2)缺點(diǎn):代碼復(fù)用不方便;適合單頁(yè)面網(wǎng)站應(yīng)用塘匣;

3.CSS外部樣式的優(yōu)缺點(diǎn):(1)優(yōu)點(diǎn):利于后期維護(hù)脓豪;可以重復(fù)使用;完全實(shí)現(xiàn)結(jié)構(gòu)與樣式的分離忌卤;

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)缺點(diǎn):會(huì)產(chǎn)生額外的請(qǐng)求(但是后期我們可以借助工具磨平這個(gè)缺點(diǎn))

二扫夜、CSS選擇器

基礎(chǔ)選擇器

1.通配選擇器:*{} 作用于所有標(biāo)簽,無(wú)論這個(gè)標(biāo)簽有沒(méi)有寫驰徊,有沒(méi)有在文檔中出現(xiàn)

2.標(biāo)簽選擇器:標(biāo)簽名{} 作用于一類標(biāo)簽笤闯,方式是通過(guò)標(biāo)簽名稱,

? ?使用場(chǎng)景:重置某類標(biāo)簽的默認(rèn)樣式

3.群組選擇器:選擇器1棍厂,選擇器2颗味,選擇器3,...{}

? ?使用場(chǎng)景:用于優(yōu)化代碼牺弹,減少文檔體積

4.類選擇器:類名{}

? ?使用場(chǎng)景:可以應(yīng)付各種場(chǎng)景浦马,是我們最常用的一種選擇器。class名可以有多個(gè)张漂,多個(gè)class名用空格隔開(kāi)晶默。主要作用于具有相同樣式的元素設(shè)置上。

注意:class命名規(guī)范:不要以數(shù)字開(kāi)頭航攒;盡量取得有意義磺陡;多個(gè)單詞建議使用"_"連接

5.后代選擇器:選擇器1 選擇器2 選擇器3 ...{}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市漠畜,隨后出現(xiàn)的幾起案子币他,更是在濱河造成了極大的恐慌,老刑警劉巖憔狞,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蝴悉,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡瘾敢,警方通過(guò)查閱死者的電腦和手機(jī)拍冠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門硝枉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人倦微,你說(shuō)我怎么就攤上這事妻味。” “怎么了欣福?”我有些...
    開(kāi)封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵责球,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我拓劝,道長(zhǎng)雏逾,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任郑临,我火速辦了婚禮栖博,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘厢洞。我一直安慰自己仇让,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布躺翻。 她就那樣靜靜地躺著丧叽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪公你。 梳的紋絲不亂的頭發(fā)上踊淳,一...
    開(kāi)封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音陕靠,去河邊找鬼迂尝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛剪芥,可吹牛的內(nèi)容都是我干的垄开。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼粗俱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼说榆!你這毒婦竟也來(lái)了虚吟?” 一聲冷哼從身側(cè)響起寸认,我...
    開(kāi)封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎串慰,沒(méi)想到半個(gè)月后偏塞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡邦鲫,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年灸叼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了神汹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡古今,死狀恐怖屁魏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情捉腥,我是刑警寧澤氓拼,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站抵碟,受9級(jí)特大地震影響桃漾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拟逮,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一撬统、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧敦迄,春花似錦恋追、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至沿后,卻和暖如春沿彭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尖滚。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工喉刘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人漆弄。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓睦裳,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親撼唾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子廉邑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 本文主要是起筆記的作用倒谷,內(nèi)容來(lái)自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,620評(píng)論 0 30
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理蛛蒙,服務(wù)發(fā)現(xiàn),斷路器渤愁,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • 昨晚跑步過(guò)程中牵祟,突然一個(gè)女性朋友打來(lái)電話,說(shuō)是在喝酒抖格,讓我?guī)兔θグ衍嚱o開(kāi)回來(lái)诺苹。其實(shí)對(duì)于這種事情咕晋,只要有空的話,我...
    漂泊的穿閱讀 269評(píng)論 2 0
  • Why can't you stay? I can't beat it. 海邊的曼徹斯特.Manchester.b...
    wen_a閱讀 217評(píng)論 2 1