css第一節(jié)第二天

1.1CSS語法

選擇符

屬性聲明

括號

換行不敏感、空格不敏感

案例:

div { color:red;}

p{font-size:14px;color:blue;}

h1 {

width: 20px;

height:200px;

}

1.2CSS簡單屬性

width:設(shè)置寬度,單位px像素

height:高度

color:前景色,也就是文字的顏色

background-color:背景色不见。

font-size:字體的大小昌粤。

案例:

1.3CSS的注釋格式: /* 注釋內(nèi)容? */

2.1CSS選擇器綜述

所有標簽選擇器 * {}(通配符選擇器)

標簽選擇器? p {}? ? div {}

ID選擇器? ? #head {}

類選擇器? .head {}

層級選擇器(復(fù)合選擇器)

分組選擇器

屬性選擇器

子元素選擇器

相鄰兄弟選擇器

偽類選擇器

偽元素選擇器

2.2通配符選擇器

通配符選擇器用“*”號表示,他是所有選擇器中作用范圍最廣的尿扯,能匹配頁面中所有的元素亲桦。
例如下面的代碼崖蜜,使用通配符選擇器定義CSS樣式浊仆,清除所有HTML標記的默認邊距。

通配符的穿透力很強豫领,優(yōu)先級高于繼承的樣式抡柿,會覆蓋繼承的樣式。一般不用等恐。

2.3標簽選擇器

2.4 ID選擇器

2.4.1 -HTML標簽都有公共ID屬性洲劣,而且整個頁面唯一

-id一般用于css的選擇器和js的鉤子

-id選擇器使用“#”進行標識,后面緊跟id名

2.4.2ID選擇器命名規(guī)范

1)只允許出現(xiàn)字母(大小寫均可课蔬,嚴格區(qū)分) 囱稽、下劃線、數(shù)字二跋。

也就是說战惊,id=”laoHe”和 id=”laohe”不沖突

2) 只允許以字母開頭

3) 命名沒有長度限制,可以是 1 個字母扎即,也可以是很多個吞获。不過不建議太長。

4) 不允許出現(xiàn)標簽名(不是硬性規(guī)定谚鄙,是有工作經(jīng)驗的表現(xiàn)

注意:

id選擇器的優(yōu)先級非常高各拷,所以確定在整個頁面內(nèi)唯一出現(xiàn)時,才可以使用id選擇器闷营,不然因為優(yōu)先級問題在后續(xù)維護中不能很好進行修改更新烤黍。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市傻盟,隨后出現(xiàn)的幾起案子蚊荣,更是在濱河造成了極大的恐慌,老刑警劉巖莫杈,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異奢入,居然都是意外死亡筝闹,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門腥光,熙熙樓的掌柜王于貴愁眉苦臉地迎上來关顷,“玉大人,你說我怎么就攤上這事武福∫樗” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵捉片,是天一觀的道長平痰。 經(jīng)常有香客問我汞舱,道長,這世上最難降的妖魔是什么宗雇? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任昂芜,我火速辦了婚禮,結(jié)果婚禮上赔蒲,老公的妹妹穿的比我還像新娘泌神。我一直安慰自己,他們只是感情好舞虱,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布欢际。 她就那樣靜靜地躺著,像睡著了一般矾兜。 火紅的嫁衣襯著肌膚如雪损趋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天焕刮,我揣著相機與錄音舶沿,去河邊找鬼。 笑死配并,一個胖子當著我的面吹牛括荡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播溉旋,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼畸冲,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了观腊?” 一聲冷哼從身側(cè)響起邑闲,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎梧油,沒想到半個月后苫耸,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡儡陨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年褪子,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片骗村。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡嫌褪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出胚股,到底是詐尸還是另有隱情笼痛,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站缨伊,受9級特大地震影響摘刑,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜倘核,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一泣侮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧紧唱,春花似錦活尊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至绰疤,卻和暖如春铜犬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背轻庆。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工癣猾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人余爆。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓纷宇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蛾方。 傳聞我的和親對象是個殘疾皇子像捶,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)桩砰,斷路器拓春,智...
    卡卡羅2017閱讀 134,599評論 18 139
  • CSS定義: CSS 指層疊樣式表 (Cascading Style Sheets) CSS通常稱為CSS樣式表或...
    顯然2017閱讀 855評論 0 8
  • 最近在看html基礎(chǔ),好吧亚隅,寫點筆記硼莽,比較low見諒,反正我自己看懂就行了 CSS基礎(chǔ) 1煮纵、css簡介 casca...
    小龍是只貓閱讀 591評論 0 1
  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,869評論 6 13
  • CSS第一節(jié) CSS :層疊樣式表 (Cascading Style Sheets)或級聯(lián)樣式表沉删。 CSS用途:主...
    金妮ing閱讀 462評論 0 1