java 修飾css 3
CSS使用方式
2.1 內聯方式
把CSS樣式嵌入到html標籤當中，類似屬性的用法，示例如下：
<div style="color:blue;font-size:50px">This is my HTML page. </div>
好處:可以單獨什麼某個元素樣式，缺點：不利於樣式重用
1
2
3
2.2 內部方式
在head標籤中使用style標籤引入css,示例如下:
<style type=“text/css”> //告訴瀏覽器使用css解析器去解析
div{color:red;font-size:50px}
</style>
好處：可以控制頁面中多個元素樣式，缺點：只能一個頁面使用
1
2
3
4
5
2.3 外部方式
將css樣式抽成一個單獨檔案，誰用誰就引用，好處：多個頁面可以同時使用。
示例如下：
單獨檔案div.css: 內容示例：div{color:green;font-size:50px}
引用語句寫在head標籤內部，
連結式：
<link rel="stylesheet" type="text/css" href=“div.css"></link>
rel:代表當前頁面與href所指定文件的關係
type:檔案型別，告訴瀏覽器使用css解析器去解析
href:css檔案地址
匯入式：
<style type="text/css">
@import url("div.css")
</style>
該內容放在head標籤中
備註:link和@import區別：
1.link所有瀏覽器都支援，@import某些版本低的IE不支援
2.@import是等待html載入完成才載入，link解析到這個語句，就載入
3.@import不支援js動態修改
優先順序：內聯樣式>內部樣式>外部樣式，就近原則。注意：內部樣式和外部樣式的位置
<link href="mycss.css" rel="stylesheets" type="text/css">
<style type="text/css">
</style>
<body>
</body>