0
点赞
收藏
分享

微信扫一扫

CSS的基本知识

陆公子521 2022-03-13 阅读 56
css

css样式分为3个、内部、外部、行内。

内部:css由选择符和声明组成,声明又分为属性和属性值;
属性必须放在花括号内,属性和属性值中间用冒号连接;
声明用分号结束;
一个属性有多个属性值时,用空格隔开,不分顺序;
样式中空格、换行都不影响显示

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是写在属性值后面,代表优先执行

举报

相关推荐

0 条评论