CSS三種樣式

  • 什么是CSS契耿?

    • CSS的全稱是Cascading Style Sheets蒿讥,層疊樣式表
    • 它用來控制HTML標(biāo)簽的樣式,在美化網(wǎng)頁中起到非常重要的作用
    • 如果吧HTML5比作是建造房子粒氧,那么HTML就是剛剛建好的房子的磚頭和骨架度迂,而CSS就是對房子的裝修的瓷塊和石灰等,只有HTML+CSS一起搭建出來的頁面才具有美感

  • CSS的編寫格式:

    • 鍵值對形式

    color:red;
    background-color:blue;
    font-size:20px;

  • CSS的三種樣式:

    • 行內(nèi)樣式:(內(nèi)聯(lián)樣式)直接在標(biāo)簽的style屬性中書寫

    <body style="color:red;">內(nèi)容</body>
行內(nèi)樣式.png
- ###頁內(nèi)樣式:在本網(wǎng)頁的的style標(biāo)簽中書寫
   <style>
        body {
            color:red;
        }
   </style>
頁內(nèi)樣式.png
-  ###外部樣式:在單獨的CSS文件中書寫简珠,然后在網(wǎng)頁中用link標(biāo)簽引用
    <link  rel="stylesheet" href="css/index.css">

外部樣式.png

  • 總結(jié):CSS的規(guī)律

    • 就近原則
    • 疊加原則
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末阶界,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子聋庵,更是在濱河造成了極大的恐慌膘融,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件祭玉,死亡現(xiàn)場離奇詭異氧映,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)脱货,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門岛都,熙熙樓的掌柜王于貴愁眉苦臉地迎上來律姨,“玉大人,你說我怎么就攤上這事臼疫∠哒伲” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵多矮,是天一觀的道長缓淹。 經(jīng)常有香客問我,道長塔逃,這世上最難降的妖魔是什么讯壶? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮湾盗,結(jié)果婚禮上伏蚊,老公的妹妹穿的比我還像新娘。我一直安慰自己格粪,他們只是感情好躏吊,可當(dāng)我...
    茶點故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帐萎,像睡著了一般比伏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上疆导,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天赁项,我揣著相機(jī)與錄音,去河邊找鬼澈段。 笑死悠菜,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的败富。 我是一名探鬼主播悔醋,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼兽叮!你這毒婦竟也來了芬骄?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤充择,失蹤者是張志新(化名)和其女友劉穎德玫,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體椎麦,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡宰僧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琴儿。...
    茶點故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡段化,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出造成,到底是詐尸還是另有隱情显熏,我是刑警寧澤,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布晒屎,位于F島的核電站喘蟆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏鼓鲁。R本人自食惡果不足惜蕴轨,卻給世界環(huán)境...
    茶點故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望骇吭。 院中可真熱鬧橙弱,春花似錦、人聲如沸燥狰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽龙致。三九已至蛀缝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間净当,已是汗流浹背内斯。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留像啼,地道東北人。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓潭苞,卻偏偏與公主長得像忽冻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子此疹,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,509評論 2 348

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

  • 前面我們都會寫基本的HTNL5標(biāo)簽了,下面進(jìn)行CSS的介紹 一.什么是CSS??? CSS的全稱是Cascadin...
    IIronMan閱讀 971評論 0 3
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,524評論 32 459
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要I稀!;人椤)繼承湖笨、特殊性、層疊蹦骑、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,066評論 0 40
  • 前言: 1.HTML5的發(fā)展非常迅速慈省,可以說已經(jīng)是前端開發(fā)人員的標(biāo)配瓮恭,在電商類型的APP中更是運用廣泛疚膊,這個系列的...
    珍此良辰閱讀 1,915評論 2 15
  • 漆黑的夜 有一道亮光閃過 好暖好亮 去追尋 前路有石 去追隨 前路有荊棘 去追隨 前路有水 去追隨 當(dāng)我抵達(dá)的時候...
    尋找堅硬的殼閱讀 231評論 0 0