CSS學習-什麼是CSS
阿新 • • 發佈：2020-08-28
1.什麼是CSS
如何學習
1.CSS是什麼
2.CSS怎麼用（快速入門）
3.CSS選擇器（重點+難點）
4.美化網頁（文字，陰影，超連結，列表...）
5.盒子模型
6浮動
7.定位
8.網頁動畫（特效）
1.1什麼是CSS
Cascading Style Sheet層疊級聯樣式表
CSS 表現（美化網頁）
1.2快速入門
基本入門
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 規範，<style> 可以編寫css的程式碼，每一個宣告以分號結尾 語法： 選擇器{ 宣告1; 宣告2; } --> <style> h1{ color:red; } </style> </head> <body> <h1>我是標題</h1> </body> </html>
建議使用這種規範
CSS的優勢：
1.內容表現分離
2.樣式豐富
3.建議使用獨立於html的css檔案
4.利於SEO，容易被搜尋引擎收錄
1.3 CSS的3種匯入方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 內部樣式 --> <style> h1{ color: green; } </style> <!-- 外部樣式 --> <link rel="stylesheet" href="CSS/style.css"> </head> <body> <!--優先順序：就近原則--> <!--行內樣式，在標籤元素中，編寫一個style屬性，編寫樣式即可--> <h1 style="color: red">我是標題</h1> </body> </html>