css

一菠镇、

1.行間樣式的優(yōu)缺點

優(yōu)點:不會額外的產(chǎn)生請求澄峰;

缺點:1.容易產(chǎn)生重復(fù)的代碼,造成文檔體積變大辟犀;2.不利于維護俏竞;3.不符合結(jié)構(gòu)與樣式分離的規(guī)范绸硕。綜上所述:不建議適用行間樣式

2.CSS內(nèi)部樣式

不會產(chǎn)生額外的請求;初步實現(xiàn)結(jié)構(gòu)與樣式的分離魂毁;代碼復(fù)用不方便玻佩;適合單頁面網(wǎng)站應(yīng)用。

3.CSS外部引入樣式

優(yōu)點:1.利于后期維護席楚;2.可以重復(fù)使用咬崔;3.完成實現(xiàn)結(jié)構(gòu)與樣式的分離。

缺點:會產(chǎn)生額外的請求(但是后期我們會借助工具抹平這個缺點)

二烦秩、

基礎(chǔ)選擇器-通配選擇器(*):作用于所有標(biāo)簽垮斯,無論你這個標(biāo)簽有沒有寫,有沒有在文檔中出現(xiàn)只祠。

基礎(chǔ)選擇器-標(biāo)簽名選擇器:作用于一類標(biāo)簽兜蠕,方式是通過標(biāo)簽名稱,使用場景:重置某類標(biāo)簽的默認(rèn)樣式抛寝。

基礎(chǔ)選擇器-群組選擇器:選擇器1熊杨,選擇器2,...{ ?}使用場景:用于優(yōu)化代碼盗舰,減少文檔體積晶府。

基礎(chǔ)選擇器-類選擇器:.類名稱{ } 使用場景:可以應(yīng)付各種場景,是我們最常用一種選擇器钻趋。class名可以多個川陆,多個class名用空格隔開。主要用于具有相同樣式的元素設(shè)置上蛮位。

基礎(chǔ)選擇器-后代選擇器:選擇器1 選擇器2 選擇器3……{ }

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末较沪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖岂座,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胶背,死亡現(xiàn)場離奇詭異,居然都是意外死亡垂蜗,警方通過查閱死者的電腦和手機楷扬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贴见,“玉大人烘苹,你說我怎么就攤上這事∑浚” “怎么了镣衡?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我廊鸥,道長望浩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任惰说,我火速辦了婚禮磨德,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘吆视。我一直安慰自己典挑,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布啦吧。 她就那樣靜靜地躺著您觉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪丰滑。 梳的紋絲不亂的頭發(fā)上顾犹,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天,我揣著相機與錄音褒墨,去河邊找鬼炫刷。 笑死,一個胖子當(dāng)著我的面吹牛郁妈,可吹牛的內(nèi)容都是我干的浑玛。 我是一名探鬼主播,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼噩咪,長吁一口氣:“原來是場噩夢啊……” “哼顾彰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起胃碾,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤涨享,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后仆百,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體厕隧,經(jīng)...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年俄周,在試婚紗的時候發(fā)現(xiàn)自己被綠了吁讨。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,673評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡峦朗,死狀恐怖建丧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情波势,我是刑警寧澤翎朱,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布橄维,位于F島的核電站,受9級特大地震影響拴曲,放射性物質(zhì)發(fā)生泄漏挣郭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一疗韵、第九天 我趴在偏房一處隱蔽的房頂上張望兑障。 院中可真熱鬧,春花似錦蕉汪、人聲如沸流译。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽福澡。三九已至,卻和暖如春驹马,著一層夾襖步出監(jiān)牢的瞬間革砸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工糯累, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留算利,地道東北人。 一個月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓泳姐,卻偏偏與公主長得像效拭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子胖秒,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,562評論 2 349

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案缎患? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,737評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)阎肝,斷路器挤渔,智...
    卡卡羅2017閱讀 134,633評論 18 139
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成,分別是什么风题,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層判导、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,215評論 0 23
  • 1. 瀏覽器頁面有哪三層構(gòu)成俯邓,分別是什么骡楼,作用是什么? 構(gòu)成:結(jié)構(gòu)層熔号、表示層稽鞭、行為層分別是:HTML、CSS引镊、Ja...
    程序猿人王小賤閱讀 1,869評論 1 11
  • 依舊睡到自然醒,只是這是一種良好的作息習(xí)慣吩抓,早起醒來涉茧,晨讀,在姥姥家廚房疹娶,不被打擾伴栓。吃過早飯,和姥爺一同出去...
    翰悅寧心閱讀 104評論 0 0