前端之CSS創建的樣式

CSS即層疊樣式表，在創建時有以下幾種樣式：

1.內聯樣式（行內樣式、行間樣式）：

　　　　<標記 style=“屬性：屬性值；”></標記>

2.內部樣式（嵌入式樣式）：

　　　　<style type="text/css">　　　　　　　　　　　　　　　　<-------一般放置在head部分

　　　　選擇器{

　　　　　　屬性：屬性值；

　　　　　　屬性：屬性值；

　　　　}

</style>

3.外部樣式：

①、使用link標簽引入：

                     <link rel="stylesheet" type="text/css" href="css文件路徑"/>

 註： rel代表引入文件和本文件之間的關係

      link標簽一般也放在head部分

      在使用link標簽之前首先要創建一個css文件，文件以英文命名

②、使用@import 引入css文件

                             @import "css文件路徑";

 註:@import方式屬於css範疇，必須放在css文件中或內部樣式中

link和@import的區別：

 I.link屬於html標簽，除了可以引入css文件以外，還可以引入其他文件；@import屬於css範疇，只能引入css文件

II.link引入的css文件和html同時載入；而@import引入的css文件要在頁面載入完成後才進行載入

III.link標簽所有瀏覽器都支持；@import在IE5及以下版本瀏覽器不支持

IV. link標簽支持js操作DOM；@import不支持

4.樣式表的優先順序（三種樣式表的區別）：

採取就近原則（離被設置樣式的元素越近，優先順序越高）

內聯樣式>內部樣式>外部樣式

如果css屬性值中出現!important關鍵字時，他的優先順序最高！