第51章 父仔公孫(第1/2 頁)

清晨六點起身到隔壁房裡望著眼烏弟就到廁所裡穿著運動內衣，在門口做熱身時看到爸爸的鑰匙還插在門外心想這老糊塗昨晚睡前忘記撥下來。做完熱身感覺狀態不是很好就沒開跑散步走了一圈後回到家上樓看著烏小弟。倒杯溫開水進房拿著小勺子喂著它時這臭小子還不喝扭著頭犟著，走出客廳拿著條貓條拆開後這小子一遇到貓條垂涎欲滴吃得嘎嘎香。走出房到客廳裡收拾著地上一倉庫玩具時黃毛小子跑進櫃內關門時也把它關在裡頭這小子這回挺聰明從縫隙中溜出來。 刷牙吃著雞蛋時媽媽和我說‘11號烏弟拆線我們等晚上去到時候你爸爸和我們一起去。’ 我笑著說‘父仔公孫。’服用藥物喊著黃毛小子上樓。走到貓碗前把蛋黃碾碎舀杯貓糧在邊上貓碗裡換了碗水發覺這小子不太喜歡喝水。 第五十九節 css_內部樣式 寫在 html 頁面內部將所有的 CSS 程式碼提取出來，單獨放在 ＜style＞ 標籤中。 語法: ＜style＞ h1 { color: red; font-size: 40px; } ＜/style＞ 程式碼執行後文字會顯示紅色，畫素大小為40px。 注意點： 1. ＜style＞ 標籤理論上可以放在 HTML 文件的任何地方，但一般都放在 ＜head＞ 標籤中。 2. 此種寫法：樣式可以複用、程式碼結構清晰。 存在的問題： 1. 並沒有實現：結構與樣式完全分離。 2. 多個 HTML 頁面無法複用樣式。 第六十節 css_外部樣式 寫在單獨的 .css 檔案中，隨後在 HTML 檔案中引入使用。 語法： 1. 新建一個副檔名為 .css 的樣式檔案，把所有 CSS 程式碼都放入此檔案中。 語法：h1{ color: red; font-size: 40px; }。 2. 在 HTML 檔案中引入 .css 檔案。 語法: ＜link rel="stylesheet" href="./xxx.css"＞ ＜link＞ 標籤屬性說明：href ：引入的文件來自於哪裡。 rel ：( relation ：關係）說明引入的文件與當前文件之間的關係。 3. 外部樣式的優勢：可觸發瀏覽器的快取機制提高訪問速 度 ，實現了結構與樣式的完全分離。 實際開發中幾乎都使用外部樣式這是最推薦的使用方式！ 第六十一節 css_樣式表優先順序 優先順序規則：行內樣式 ＞ 內部樣式 = 外部樣式。 1. 內部樣式：外部樣式，這二者的優先順序相同，且：後面的 會覆蓋 前面的（簡記：“後來者居上”）。 2. 同一個樣式表中，優先順序也和編寫順序有關，且：後面的 會覆蓋 前面的（簡記：“後來者居上”）。 分三類：一. 行內樣式，優點：優先順序最高。 缺點:1. 結構與樣式未分離。2. 程式碼結構混亂。3. 樣式不能複用。使用頻率低，作用範圍僅限在當前標籤。 二．內部樣式，優點:1. 樣式可複用。2. 程式碼結構清晰。缺點：1. 結構與樣式未徹底分離。2. 樣式不能多頁面複用。使用頻率一般，作用範圍僅限在當前頁面。 三．外部樣式，優點：1. 樣式可多頁面複用。2. 程式碼結構清晰。3. 可觸發瀏覽器的快取機制。4. 結構與樣式徹底分離。使用頻率最高，作用範圍多個頁面。需在編輯器中建立一index.css檔案寫入 h1{ color:blue; }這串程式碼後在優先順序.html檔案中匯入 ＜link rel="stylesheet" href="./index.css"＞這行程式碼執行後在網頁內文字會顯示出藍色。 上午狼外婆進房關燈提醒喊我到下樓喝早茶時開著隔壁房門望了眼烏小弟，我和狼外婆說‘這回排著烏弟在這房裡關一週了。’學習到十一點時進房瞧著烏小弟時坐