css的四种形式

一、行内式

行内式是最直接的一种方式,它直接对HTML标记使用style属性,然后直接将代码写进去。

行内式是最简单的一种方式,它需要为每一个标记设置style属性

二、内嵌式

内嵌式就是将css写在<head></head>之间,并且用<style></style>标记进行声明。

内嵌式将css代码集中在一个区域,比较集中,网页也大大的瘦身了。但对于有很多网页的网站,不同的网页中p标记都要使用相同的样式是略有些麻烦,维护成本高。所以仅在特殊页面中使用。

三、链接式

链接式css样式表是使用频率最高的,也是最实用的,它将HTML页面本身和css样式分离为多个文件,后期维护很方便。

四、导入样式

        与链接相似,只是语法上有些不同。采用import的方式导入,在HTML文件初始化的时候就被导入到HTML文件内,类似于内嵌式的效果。而链接式,是在HTML需要格式时,才导入。

五、优先级

(1)行内式>内嵌式>外部链式;外部链式中,链接式和导入式,谁在后面以谁为准。

(2)如果,<head></head>存在多个<style></style>标记时,那么这些<style>标记与链接式之间按照先后顺序决定优先级,而同在一个<style>标记中,则按照嵌入式优先。


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值