? ? ? ? 話說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引入屬性書寫格式為--屬性名:屬性值缕题;截歉,如下圖所示:
? ? ? ?其次是級聯(lián)樣式,也就是內(nèi)部樣式的引入烟零。內(nèi)部樣式主要是在html的<head>標簽內(nèi)以<style>標簽設計樣式瘪松,其屬性值用{ }括號包裹起來。
? ? ? ?CSS的第三種重要引入方法為外部樣式锨阿。外部樣式是以文件的方式將屬性引入HTML中宵睦,首先我們需要用stylesheet建立外部樣式表。右擊左側(cè)目錄墅诡,選擇新建壳嚎,選擇stylesheet,新建一個樣式表末早,而后在樣式表中書寫所要展示的頁面屬性烟馅。
? ? ? ?行內(nèi)樣式主要用于設計某一塊的樣式,級聯(lián)樣式可以設計整個網(wǎng)頁的樣式荐吉,而外部樣式表焙糟,則用于頁面屬性較多,結(jié)構(gòu)復雜样屠,靠行內(nèi)樣式會導致代碼書寫混亂時選擇的樣式引入方式穿撮。
? ? ? ?三種CSS樣式引入方式學習完畢,那么三者之間優(yōu)先級如何痪欲?下面高老師挨個做了示例分析:
? ? ? ? 由圖片可看出悦穿,當三種樣式屬性同時存在時,則內(nèi)部樣式起作用业踢。然后我們又分別測試了行內(nèi)樣式和級聯(lián)樣式同時存在時栗柒,級聯(lián)樣式和外部樣式同時存在時,行內(nèi)樣式和外部樣式同時存在時,其屬性的優(yōu)先級瞬沦,最后得出結(jié)論:行內(nèi)樣式優(yōu)先級>級聯(lián)樣式>外部樣式太伊。