CSS学习02之css导入方式
生活随笔
收集整理的這篇文章主要介紹了
CSS学习02之css导入方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
回顧
什么是 CSS？
CSS 是一種描述 HTML 文檔樣式的語言。
CSS 描述應該如何顯示 HTML 元素（HTML美顏）。
三種使用 CSS 的方法
有三種插入樣式表的方法：
- 外部 CSS
- 內部 CSS
- 行內 CSS
示例
上章我們學會簡單使用css了，以后我就不展示詳細操作步驟了！！！
1.編寫index.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>導入方式</title><!--內部樣式--><style>h2{color: green;}</style><!--外部樣式link,還有一種@import url=""--><link rel="stylesheet" href="css/style.css"> </head> <body> <!--行內樣式：在標簽元素中，編寫一個style屬性，填寫樣式即可--> <h1 style="text-align: center; color: red">我是標題1</h1> <h2>我是標題2</h2> <h3>我是標題3</h3> <h4>我是標題4</h4></body> </html>2.編寫style.css
h3{color: blue; }3.運行及測試結果
小結
就近原則，不同樣式定義一個元素時采取就近原則，采取離元素近的樣式
css注釋：
作者有話說
博客創作不易，希望看到這里的讀者動動你的小手點個贊，如果喜歡的小伙伴可以一鍵三連，作者大大在這里給大家謝謝了。
總結
以上是生活随笔為你收集整理的CSS学习02之css导入方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CSS学习01之我的第一css程序
- 下一篇： CSS学习03之基本选择器