CSS-1

CSS 指層疊樣式表

css是一種標(biāo)記語言瑟俭,屬于瀏覽器解釋型語言暂殖,可以直接由瀏覽器執(zhí)行茫叭,不需要編譯。

有三種方法可以在站點網(wǎng)頁上使用樣式表:

1. 外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁鏈接到外部樣式表负懦。

2. 嵌入式Embedding(也叫內(nèi)頁樣式):在網(wǎng)頁上創(chuàng)建嵌入的樣式表。

3. 內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素柏腻。

其中纸厉,優(yōu)先級:內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式


css是用來表示html和xml的標(biāo)記語言。

css由選擇器五嫂、屬性和值組成颗品。

css的長度單位

px 像素

em 相對于默認(rèn)大小 倍數(shù)

pt 磅 cm(厘米) mm(毫米) 絕對單位

css顏色的表示

常用的顏色:orange blue purple white black red yellow green gray cyan

rgb表示:rgb(123,206沃缘,98)

? ? ? ? ? ? ? ? ? ? ? (0~255躯枢,0~255,0~255)

? ? ? ? ? ? ? ? rgb(百分比槐臀,百分比闺金,百分比)


rgb(255,255峰档,255)白色

rgb(0败匹,0寨昙,0)黑色

rgb(100,100掀亩,100)灰色? 只要三個都一樣就是灰色

值越大顏色越淺舔哪,值越小顏色越深

十六進制(推薦使用)

#34afa1

#ff0000? 紅色? 可以簡寫 #f00

#00ff00? 綠色? 簡寫? #0f0

#0000ff? 藍色? 簡寫 #00f

#ffffff? ? 白色 簡寫 #fff

#000000? 黑色? 簡寫 #000

#cccccc? 灰色? 簡寫 #ccc

#336699? 簡寫? #369



CSS注釋

/*注釋*/

CSS選擇器

元素選擇器

ID選擇器? ? ? ? ? ? ? ? ? ? ? ?#id

Class選擇器? ? ? ? ? ? ? ? ?.類名

全局選擇器? ? ? ? ? ? ? ? ? ?*

關(guān)聯(lián)選擇器-后代元素選擇器 slecter slecter

關(guān)聯(lián)選擇器-子元素選擇器? ? slecter>slecter

組合選擇器 兩種基本選擇器的組合

偽類選擇器:link:選擇器選擇未訪問的鏈接,向未訪問的鏈接添加特殊的樣式槽棍。

? ? ? ? ? ? ? ? ? ? :visited:向訪問過的鏈接添加特殊的樣式

? ? ? ? ? ? ? ? ? ? :hover:在鼠標(biāo)移到鏈接上時添加的特殊樣式捉蚤。

? ? ? ? ? ? ? ? ? ? :active:向活動的鏈接添加特殊的樣式,當(dāng)你點擊一個鏈接時它變成活動鏈接炼七。

選擇器的優(yōu)先級:ID>Class>Tag

組合選擇器中 ID權(quán)重100? ? ?Class10? ? ? ?Tag權(quán)重1


CSS的屬性

字體屬性

font-family 字體 字體分為襯線字體(serif)和非襯線字體(sans-serif)

font-size? 字體大小

font-style 字體風(fēng)格 normal(默認(rèn)) itailc(斜體)

font-weight 字體粗度 normal(默認(rèn))bold(加粗) bolder(更粗)lighter(變細(xì))

font-variant 字體變形? normal(默認(rèn)) small-caps(小型大寫字母)

font 同意設(shè)置

font【style/weight/variant? size? family】字體在最后


顏色屬性

color 值:字母/rgb/16進制

文本屬性

letter-spacing 字母間距

word-spacing 單詞間距

text-decoration 文本修飾:underline? 下劃線

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:overline? ? ? 上劃線

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:line-through? 刪除線(中劃線)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?:none(默認(rèn)值)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末缆巧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子豌拙,更是在濱河造成了極大的恐慌陕悬,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件按傅,死亡現(xiàn)場離奇詭異捉超,居然都是意外死亡,警方通過查閱死者的電腦和手機唯绍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門拼岳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人况芒,你說我怎么就攤上這事惜纸。” “怎么了绝骚?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵耐版,是天一觀的道長。 經(jīng)常有香客問我皮壁,道長椭更,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任蛾魄,我火速辦了婚禮虑瀑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘滴须。我一直安慰自己舌狗,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布扔水。 她就那樣靜靜地躺著痛侍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上主届,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天赵哲,我揣著相機與錄音,去河邊找鬼君丁。 笑死枫夺,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的绘闷。 我是一名探鬼主播橡庞,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼印蔗!你這毒婦竟也來了扒最?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤华嘹,失蹤者是張志新(化名)和其女友劉穎吧趣,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體除呵,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡再菊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年爪喘,在試婚紗的時候發(fā)現(xiàn)自己被綠了颜曾。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片互躬。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡魂爪,死狀恐怖特笋,靈堂內(nèi)的尸體忽然破棺而出菠秒,到底是詐尸還是另有隱情犬绒,我是刑警寧澤铜跑,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布谁不,位于F島的核電站笆豁,受9級特大地震影響略水,放射性物質(zhì)發(fā)生泄漏价卤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一渊涝、第九天 我趴在偏房一處隱蔽的房頂上張望慎璧。 院中可真熱鬧,春花似錦跨释、人聲如沸胸私。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽岁疼。三九已至,卻和暖如春缆娃,著一層夾襖步出監(jiān)牢的瞬間捷绒,已是汗流浹背瑰排。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留暖侨,地道東北人凶伙。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像它碎,于是被迫代替她去往敵國和親函荣。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

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

  • 1.CSS簡介 Cascading Style Sheet 層疊樣式表 主要用來定義頁面中的表現(xiàn)扳肛,HTML 描述頁...
    hyt222閱讀 822評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案傻挂? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,748評論 1 92
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要!M谙ⅰ=鹁堋)繼承、特殊性套腹、層疊绪抛、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,075評論 0 40
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成,分別是什么电禀,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層幢码、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,217評論 0 23
  • ruichen101閱讀 166評論 0 0