css样式分为3个、内部、外部、行内。
内部:css由选择符和声明组成,声明又分为属性和属性值;
属性必须放在花括号内,属性和属性值中间用冒号连接;
声明用分号结束;
一个属性有多个属性值时,用空格隔开,不分顺序;
样式中空格、换行都不影响显示;
一般写在head标签里
h1{
属性:属性值;
...
}
外部:就是另外创建一个css文件,然后通过link和import这两种方式导入到html文件
<link rel="stylesheet" type= "text/css" href="css/路径" />
<style>
@import(css/路径)
</style>
link和import的区别:
1、link属于XHTML标签,而@import只是一种css的提供方式
2、当一个页面被加载时,link是同时加载,import需要页面完全加载完毕后才会加载
3、import是css2.1以后提出的,所有老浏览器不支持,只能在IE5以上使用,link没有这个问题
行内:直接写在标签后面,style直接当做属性处理
<h1 style="属性1:属性值1;属性2:属性值2;...">
这三个执行优先级是!important>行内>内部>外部
;!important是写在属性值后面,代表优先执行