CSS引入方式
-
按照CSS樣式書寫的位置（或引入方式），CSS樣式表可分為三大類
-
行內樣式表
-
行內樣式是在元素標簽內部的style屬性設定CSS樣式，適合修改簡單樣式
-
<div style="color:red; "></div> -
【注意】
- style其實就是標簽的屬性
- 在雙引號中間，寫法要符合CSS規范
- 可以控制當前的標簽設置樣式
- 書寫繁瑣，並且沒有體現出結構與樣式相分離的思想，所以不推薦大量使用
-
-
內部樣式表
-
內部樣式表是寫到html頁面內部，是將所有的CSS代碼抽取出來，單獨放到一個<style> 標簽中
-
<style type="text/css"> div{ text-decoration:underline; } </style> -
<style> 標簽理論上可以放在HTML文檔的任何地方，但一般放在<head> 標簽中
-
通過這種方式，可以方便控制當前整個頁面的元素樣式設置
-
代碼結構清晰，但是並沒有實現結與樣式的完全分離
-
使用內部樣式表設定CSS，通常也被稱為嵌入式引入，這種方式是我們練習是常使用的
-
-
外部樣式表
-
樣式單獨寫到CSS文件中，之后把CSS文件引入到HTML頁面中使用
-
引入外部樣式表
-
新建一個.css的樣式文件，把所有css代碼都放入此文件中
-
在HTML頁面中，使用<link> 標簽引入這個文件
-
<link rel="stylesheet" href="css文件路徑">屬性 作用 rel 定義當前文檔與被鏈接文檔之間的關系，在這里需要指定為“stylesheet”，表示被鏈接的文檔是一個樣式表文件 href 定義所連接外部樣式表文件的URL，可以是相對路徑，也可以是絕對路徑
-
-
-