有了前面那些HTML的基本觀念那麼就可以進入CSS了
那麼如何幫HTML穿上CSS這件衣服呢
有這幾種方式 第一是可以直接寫在html檔案內 如果沒有太大量語法的話
這稱為內部樣式 舉個例子
<body>
<style>
h1 {color:red;}
</style>
<h1>注意!!!!</h1>
<h2>沒事</h2>
</html>
這邊我寫了一段style在裡面 並且把h1指定為顏色:紅色
然後又有使用到h1和h2 但因為h2沒有被我的CSS定義到 所以這段程式碼會長這樣
而另一個方法
外部樣式是建立一個名為 style.css的檔案 並且將語法寫在裡面
這樣就不用包在style裡面 直接寫就可以了
但是一定要在HTML引入這個CSS檔案
所以請記得加入這一段在HTML的head之中哦~
<link rel="stylesheet" type="text/css" href="/css/style.css">
href這邊要特別注意 因為我把它放在css的資料夾裡面
所以要特別加入/css進下一層資料夾才能找到這個檔案哦~
那麼最後一種 行內樣式
就是直接嵌入在HRML的標籤裡面
<h1 style="text-align: center;color: aqua;">注意!!!!</h1>
※而他們的優先順序是依照如下
iThome鐵人賽
看影片追技術