有三種方法應用CSS
一、In-line行內
行內樣式是在 html 標簽里直接使用style屬性
設定段落文字紅色。
但要記住,最后的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。
二、Internal內部
使用于整個頁面的植入內部樣式在head標簽里面,style標簽包圍樣式。
所有段落文字紅色,鏈接藍色。
像行內樣式一樣,你應該保持HTML和CSS分離,所以我們只剩下救星。
三、外部
外部樣式使用在整個多樣頁面網站。它是一個獨立的CSS文件,像下面一樣:
如果上面保存為“web. css ”,HTML里面的鏈接就像下面:
后面教程里會講到其他外聯樣式的方法,現在已經足夠了。
從這篇指導里面,我們以后沿著上面的方法實驗代碼是個好主意,用文本編輯器新建文件,保存為"web. css "在 html 目錄。
保存HTML文件,現在已經鏈接上CSS,不過現在CSS是空的,沒有內容不會改變HTML。當你開始學習CSS,就可以添加代碼到CSS文件里,看HTML刷新后的結果。
一、In-line行內
行內樣式是在 html 標簽里直接使用style屬性
程序代碼
<pstyle="color:red">text</p>
設定段落文字紅色。
但要記住,最后的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。
二、Internal內部
使用于整個頁面的植入內部樣式在head標簽里面,style標簽包圍樣式。
程序代碼
所有段落文字紅色,鏈接藍色。
像行內樣式一樣,你應該保持HTML和CSS分離,所以我們只剩下救星。
三、外部
外部樣式使用在整個多樣頁面網站。它是一個獨立的CSS文件,像下面一樣:
程序代碼
p{
color:red;
}
a{
color:blue;
}
color:red;
}
a{
color:blue;
}
如果上面保存為“web. css ”,HTML里面的鏈接就像下面:
程序代碼
后面教程里會講到其他外聯樣式的方法,現在已經足夠了。
從這篇指導里面,我們以后沿著上面的方法實驗代碼是個好主意,用文本編輯器新建文件,保存為"web. css "在 html 目錄。
程序代碼
保存HTML文件,現在已經鏈接上CSS,不過現在CSS是空的,沒有內容不會改變HTML。當你開始學習CSS,就可以添加代碼到CSS文件里,看HTML刷新后的結果。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
