前端之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关键字时，他的优先级最高！