CSS第一節(jié)

? ? 什么是CSS

定義:重疊樣式表埂陆,控制頁(yè)面和布局

CSS樣式

所有的標(biāo)簽都有一個(gè)默認(rèn)樣式


內(nèi)聯(lián)式 ? ?在行內(nèi)寫style樣式

內(nèi)嵌式 ?在head內(nèi)嵌套style

外聯(lián)CSS樣式 ? ?rel指定Html與css的文本樣式焚虱,href 是連接外部樣式表的

導(dǎo)入樣式表 ? ? ?@import url(main.css) ? //將css樣式表導(dǎo)入到當(dāng)前的位置懂版,且放在所 ? ? ? ? ? ? ? ? ? ? ? ?有樣式設(shè)置之前

CSS語(yǔ)法

color:前景色 background-color:背景色

width/height ? 設(shè)置div的寬度/高度

塊注釋

/*start*/

塊內(nèi)容

/*end*/

*{ font-size: 16px; } ? ? ? ?//通配符選擇器躯畴,*代表選擇當(dāng)?shù)捻?yè)面中的所有的標(biāo)簽

#id .class類(選擇器)

一個(gè)id地址只可在網(wǎng)頁(yè)設(shè)置中出現(xiàn)一次(id標(biāo)簽設(shè)置不能是標(biāo)簽名)蓬抄,類標(biāo)簽可以多次選擇(類標(biāo)簽也可以一次選擇多個(gè)類) ? ? /*頁(yè)面開發(fā)建議多使用class類 ,當(dāng)確定只會(huì)出現(xiàn)一次時(shí)時(shí)用id選擇器*/

CSS復(fù)合選擇器

h3.purple-black{} ? ? //是指即是h3標(biāo)簽又有.purple-black屬性

.box li{ color: green;} ? ?//類.box對(duì)應(yīng)下的li標(biāo)簽的后代選擇器

div li{} ? ? ? ? //div對(duì)應(yīng)下的li標(biāo)簽的后代選擇器

.class,h3{ color:green;} ? //并集選擇器供嚎,類class和h3標(biāo)簽有共同的屬性

h > p ? ? ? ? ?//h 標(biāo)簽下的所有p標(biāo)簽都有該屬性峭状,若低一級(jí)別的則沒(méi)有

優(yōu)先權(quán) ? ? ? ? ?//誰(shuí)的權(quán)重優(yōu)先,顯示誰(shuí)的

屬性選擇器

h1[id][class] ? ? ?把同時(shí)擁有id 和class屬性的h1標(biāo)簽給篩選出來(lái)

偽類

:link/:hover/:visited ?超鏈接未訪問(wèn)/鼠標(biāo)懸掛/訪問(wèn)過(guò)的超鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末劝赔,一起剝皮案震驚了整個(gè)濱河市胆敞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌移层,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件予借,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡秦叛,警方通過(guò)查閱死者的電腦和手機(jī)瀑粥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)避咆,“玉大人修噪,你說(shuō)我怎么就攤上這事。” “怎么了磷籍?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵院领,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我比然,道長(zhǎng),這世上最難降的妖魔是什么万俗? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任饮怯,我火速辦了婚禮,結(jié)果婚禮上库倘,老公的妹妹穿的比我還像新娘论矾。我一直安慰自己,他們只是感情好贪壳,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著路捧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪队寇。 梳的紋絲不亂的頭發(fā)上章姓,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音零渐,去河邊找鬼系忙。 笑死,一個(gè)胖子當(dāng)著我的面吹牛银还,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播戒财,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼捺弦,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了幽崩?” 一聲冷哼從身側(cè)響起冈欢,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎太示,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體香浩,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡邻吭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了膏蚓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡氓扛,死狀恐怖论笔,靈堂內(nèi)的尸體忽然破棺而出采郎,到底是詐尸還是另有隱情狂魔,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布整份,位于F島的核電站籽孙,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜烛占,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一忆家、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芽卿,春花似錦、人聲如沸卸例。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至锭汛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間唤殴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工蔚袍, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留廉侧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓闰蚕,卻偏偏與公主長(zhǎng)得像连舍,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子索赏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

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