跟高老師學習Web前端之21.

京娘湖

? ? ? ? 話說21天的堅持能養(yǎng)成一個習慣膀曾,為了這句話,我愣是從《快樂大本營》中挪開眼睛阳啥,跟高老師學習編程添谊,看著金光閃閃的21,我心里無比清楚察迟,只要想放棄斩狱,一剎那的事兒,萬分容易啊扎瓶。但萬事開頭難所踊,凡事貴在堅持,繼續(xù)吧概荷!

? ? ? ? 今天開始我要學習CSS課程了污筷,終點亦是起點,新征程繼續(xù)努力哦!

? ? ? ? CSS主要用于網(wǎng)頁的風格設計瓣蛀。正常情況下HTML展現(xiàn)的頁面比較丑,而CSS則可以進行頁面風格設計雷厂,比如動畫效果惋增、頁面美化等,使頁面充實而美觀改鲫。那么如何在HTML中引人CSS就是今天我要學習的內(nèi)容诈皿。

? ? ? ? CSS引入方式有三種:行內(nèi)樣式、級聯(lián)樣式和外部樣式像棘。

? ? ? ? 先學習行內(nèi)樣式稽亏。其主要是在標簽內(nèi)部用style引入樣式。style引入屬性書寫格式為--屬性名:屬性值缕题;截歉,如下圖所示:

行內(nèi)樣式引入的代碼書寫
頁面展示

? ? ? ?其次是級聯(lián)樣式,也就是內(nèi)部樣式的引入烟零。內(nèi)部樣式主要是在html的<head>標簽內(nèi)以<style>標簽設計樣式瘪松,其屬性值用{ }括號包裹起來。

級聯(lián)樣式引入的代碼書寫
頁面展示

? ? ? ?CSS的第三種重要引入方法為外部樣式锨阿。外部樣式是以文件的方式將屬性引入HTML中宵睦,首先我們需要用stylesheet建立外部樣式表。右擊左側(cè)目錄墅诡,選擇新建壳嚎,選擇stylesheet,新建一個樣式表末早,而后在樣式表中書寫所要展示的頁面屬性烟馅。

外部樣式代碼書寫
外部樣式表
頁面展示

? ? ? ?行內(nèi)樣式主要用于設計某一塊的樣式,級聯(lián)樣式可以設計整個網(wǎng)頁的樣式荐吉,而外部樣式表焙糟,則用于頁面屬性較多,結(jié)構(gòu)復雜样屠,靠行內(nèi)樣式會導致代碼書寫混亂時選擇的樣式引入方式穿撮。

? ? ? ?三種CSS樣式引入方式學習完畢,那么三者之間優(yōu)先級如何痪欲?下面高老師挨個做了示例分析:

三種樣式同時存在時
頁面展示:行內(nèi)樣式屬性

? ? ? ? 由圖片可看出悦穿,當三種樣式屬性同時存在時,則內(nèi)部樣式起作用业踢。然后我們又分別測試了行內(nèi)樣式和級聯(lián)樣式同時存在時栗柒,級聯(lián)樣式和外部樣式同時存在時,行內(nèi)樣式和外部樣式同時存在時,其屬性的優(yōu)先級瞬沦,最后得出結(jié)論:行內(nèi)樣式優(yōu)先級>級聯(lián)樣式>外部樣式太伊。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市逛钻,隨后出現(xiàn)的幾起案子僚焦,更是在濱河造成了極大的恐慌,老刑警劉巖曙痘,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芳悲,死亡現(xiàn)場離奇詭異,居然都是意外死亡边坤,警方通過查閱死者的電腦和手機名扛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茧痒,“玉大人肮韧,你說我怎么就攤上這事∥睦瑁” “怎么了惹苗?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長耸峭。 經(jīng)常有香客問我桩蓉,道長,這世上最難降的妖魔是什么劳闹? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任院究,我火速辦了婚禮,結(jié)果婚禮上本涕,老公的妹妹穿的比我還像新娘业汰。我一直安慰自己,他們只是感情好菩颖,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布样漆。 她就那樣靜靜地躺著,像睡著了一般晦闰。 火紅的嫁衣襯著肌膚如雪放祟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天呻右,我揣著相機與錄音跪妥,去河邊找鬼。 笑死声滥,一個胖子當著我的面吹牛眉撵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼纽疟,長吁一口氣:“原來是場噩夢啊……” “哼罐韩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起污朽,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤伴逸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后膘壶,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡洲愤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年颓芭,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片柬赐。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡亡问,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出肛宋,到底是詐尸還是另有隱情州藕,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布酝陈,位于F島的核電站床玻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏沉帮。R本人自食惡果不足惜锈死,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望穆壕。 院中可真熱鬧待牵,春花似錦、人聲如沸喇勋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽川背。三九已至贰拿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間渗常,已是汗流浹背壮不。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留皱碘,地道東北人询一。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親健蕊。 傳聞我的和親對象是個殘疾皇子菱阵,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,734評論 1 92
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表缩功,主要用...
    寥寥十一閱讀 1,815評論 0 6
  • 1. 介紹 瀏覽器可能是最廣泛使用的軟件晴及。本書將介紹瀏覽器的工作原理。我們將看到嫡锌,當你在地址欄中輸入google....
    康斌閱讀 2,013評論 7 18
  • 《窗邊的小豆豆》是一本有趣的兒童文學作品虑稼。作者是(日)黑柳徹子,這本書講述了作者上小學時的一段真實的故事:小豆豆因...
    筱天大大閱讀 387評論 0 1
  • 朋友圈的女生瘋狂的轉(zhuǎn)載這條消息 势木,有很多女生都在發(fā)表評論 蛛倦。女生甲說,怪不得自己找不到男盆友啦桌,原來是條條占溯壶,順帶發(fā)...
    范文盲閱讀 3,572評論 4 6