Web應用開發之CSS
阿新 • • 發佈：2021-09-27
CSS基本用法
(CSS: Cascading Style sheet)
樣式引用
行內樣式
CSS寫在html檔案中的body裡面
例如：
<body>
<p style="color:red;">五星紅旗的底色是紅色的，上面的五個<sapan style="color:yellow;">星星</sapan>是黃色的
</p>
</body>
內嵌式
CSS寫在HTML檔案中的裡面
例如：
<head> <style type="text/css"> h1{ color:lawngreen; font-size:5em; font-weight:700; font-style:oblique; } p{ color:aqua; font-size:2em; font-size:300; } </style> </head> <body> <h1>內嵌式css的演示</h1> <p>內嵌式css的作用只是侷限於嵌入了樣式表的單一HTML</p> </body>
連結式
（先載入CSS，再渲染頁面）推薦的方式，將CSS語言分離出來，和HTML文字語言分裝在兩個檔案裡，語言不混淆，更易於檢視和編輯。
建立一個和.html檔案在同一目錄的資料夾，並將.css檔案放在該資料夾中。
然後將CSS操作放在.css檔案中，例如：
h1{
color:darkred;
text-align:center;
font-weight:900;
}
p{
color:chartreuse;
font-size:1.2em;
}
.css檔案裡只用寫如上這些，直觀的把操作寫出來，不需要寫