css簡(jiǎn)結(jié)

CSS的連接方式来农,三種,分別為:

1.內(nèi)嵌2.外鏈3.行間樣式

CSS的選擇器

通配符選擇器標(biāo)簽選擇器類選擇器id選擇器

屬性樣式的優(yōu)先級(jí)

!Important>行間樣式>id選擇器>類選擇器>標(biāo)簽選擇器>通配符選擇器

什么是就近原則

當(dāng)class里面的屬性值有不止一個(gè)時(shí)兔跌,而且選擇器里面的屬性有沖突,具體的樣式要根據(jù)style里面定義選擇器時(shí)與html代碼物理距離的遠(yuǎn)近峡蟋,與body里面的class屬性值的先后并沒(méi)有什么關(guān)系

CSS的類選擇器的組合使用

分為群組選擇器坟桅,子代選擇器,后代選擇器等蕊蝗,其使用規(guī)范為:

群組:把有相同屬性的標(biāo)簽或者類或者id用樣式的規(guī)范方式寫出來(lái)仅乓,中間用逗號(hào)隔開(kāi),然后設(shè)置屬相和屬性值

子代:想要具體實(shí)現(xiàn)某個(gè)標(biāo)簽或者類或者id等元素的直接子元素的樣式設(shè)置蓬戚,可以在該父元素的后面直接加上該想要設(shè)置樣式的直接子元素夸楣,中間用>連接,然后設(shè)置屬相和屬性值

后代:想要實(shí)現(xiàn)某個(gè)標(biāo)簽或者類或者id等元素的某一個(gè)后代元素的所有的設(shè)置子漩,可以在該祖先元素后面直接加上這個(gè)后代元素豫喧,中間用空格隔開(kāi),然后設(shè)置屬相和屬性值

CSS選擇器的優(yōu)先級(jí)

優(yōu)先級(jí)可以用權(quán)重值來(lái)比較幢泼,換算方法為:

標(biāo)簽選擇器權(quán)值為1

類嘿棘、偽類、屬性選擇器權(quán)值為10

id選擇器 權(quán)值為100

行內(nèi)樣式權(quán)值為1000

通配選擇器(*)旭绒,它們權(quán)值都為0

到時(shí)候?qū)⑦x擇器對(duì)應(yīng)的權(quán)值相加鸟妙,權(quán)值高的優(yōu)先級(jí)就高,當(dāng)權(quán)值同樣時(shí)挥吵,可以看代碼中距離html的物理距離重父,離得近的優(yōu)先級(jí)高。(還可以通過(guò)從右到左來(lái)遍歷忽匈,先找到子代選擇器標(biāo)記的優(yōu)先級(jí)就高房午。)不過(guò)這種情況具體項(xiàng)目實(shí)現(xiàn)中會(huì)盡量避免。

偽類選擇器的設(shè)置

1.目前常用的是a標(biāo)簽的四個(gè)鼠標(biāo)點(diǎn)擊狀態(tài)的偽類丹允,分別為a:link表示的是當(dāng)未點(diǎn)擊鼠標(biāo)時(shí)的樣式;a:visited點(diǎn)擊鼠標(biāo)過(guò)后的樣式;a:hover當(dāng)鼠標(biāo)懸停在鏈接上面的時(shí)候的樣式;a:active當(dāng)鼠標(biāo)點(diǎn)擊鏈接并且不松手時(shí)鏈接的樣式;

2.偽類選擇器的寫法一定要按照順序來(lái)郭厌,lvha袋倔。

樣式的繼承

可以繼承的屬性樣式包括:字體的顏色,大小折柠,類型宾娜,行高等。

CSS的文本設(shè)置

1.color屬性扇售,屬性值的寫法有三種前塔,英文表示,十六進(jìn)制代碼顯示承冰,RGB的具體數(shù)值的顯示华弓,還有一個(gè)是rgba( ),比rgb的后面多了一個(gè)值,用來(lái)標(biāo)識(shí)的是透明度困乒。

2.Font-family屬性寂屏,用來(lái)設(shè)置不同的字體,比如宋體娜搂,黑體什么的凑保,要用雙引號(hào)引起來(lái),如果想要設(shè)置中英文不同的字體涌攻,則將英文設(shè)置的寫在前面,中文字體設(shè)置的寫在后面频伤,中間用逗號(hào)恳谎。

3.Font-size屬性,用來(lái)設(shè)置的是大小憋肖,除了可以寫具體的大小因痛,還可以寫某某em,em的意思是倍數(shù)岸更,也就是說(shuō)設(shè)置的字體大小是瀏覽器默認(rèn)字體的某某倍鸵膏。

4.Font-weight屬性,設(shè)置的是字體的加粗怎炊,加粗用bolder谭企,但是常見(jiàn)的是用normal,用來(lái)消除b標(biāo)簽的加粗效果评肆。

5.Font-style屬性债查,設(shè)置的是字體的傾斜,同上瓜挽,一般用的也是normal值盹廷,用來(lái)消除i標(biāo)簽的傾斜效果。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末久橙,一起剝皮案震驚了整個(gè)濱河市俄占,隨后出現(xiàn)的幾起案子管怠,更是在濱河造成了極大的恐慌,老刑警劉巖缸榄,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件渤弛,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碰凶,警方通過(guò)查閱死者的電腦和手機(jī)暮芭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)欲低,“玉大人辕宏,你說(shuō)我怎么就攤上這事±常” “怎么了瑞筐?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)腊瑟。 經(jīng)常有香客問(wèn)我聚假,道長(zhǎng),這世上最難降的妖魔是什么闰非? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任膘格,我火速辦了婚禮,結(jié)果婚禮上财松,老公的妹妹穿的比我還像新娘瘪贱。我一直安慰自己,他們只是感情好辆毡,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布菜秦。 她就那樣靜靜地躺著,像睡著了一般舶掖。 火紅的嫁衣襯著肌膚如雪球昨。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天眨攘,我揣著相機(jī)與錄音主慰,去河邊找鬼。 笑死鲫售,一個(gè)胖子當(dāng)著我的面吹牛河哑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播龟虎,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼璃谨,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起佳吞,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤拱雏,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后底扳,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體铸抑,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年衷模,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鹊汛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡阱冶,死狀恐怖刁憋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情木蹬,我是刑警寧澤至耻,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站镊叁,受9級(jí)特大地震影響尘颓,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜晦譬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一疤苹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧敛腌,春花似錦卧土、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)逸吵。三九已至凶硅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扫皱,已是汗流浹背足绅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留韩脑,地道東北人氢妈。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像段多,于是被迫代替她去往敵國(guó)和親首量。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 本文主要是起筆記的作用加缘,內(nèi)容來(lái)自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,641評(píng)論 0 30
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要Q夹稹!<鸷辍)繼承沈贝、特殊性、層疊勋乾、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,079評(píng)論 0 40
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理宋下,服務(wù)發(fā)現(xiàn),斷路器辑莫,智...
    卡卡羅2017閱讀 134,654評(píng)論 18 139
  • 我們知道中國(guó)歷史上有很多的朝代学歧,我們講歷朝歷代就一定有皇上,他有皇上就得有皇后嘛摆昧,可是偏偏有這么一個(gè)朝代撩满,有皇上但...
    2ce89d4b6d65閱讀 554評(píng)論 0 15