弱鸡的解析在css中外部样式表和内部样式表的区别

       如果我们在HTML文档中引入样式表,那么可以分为内部样式表和外部样式表。

       内外部样式表的定义需要使用标签的class或id属性,或者是直接以标签作为声明,定义某一个块的样式,从原则上说可以定义HTML页面每一部分的样式,可以使用css对HTML页面的效果进行优化,也可以使控制和显示分离,使程序易于维护。

       内部样式表是直接在HTML文档中用<style>标签对,使用css的基本语法对HTML页面的呈现效果进行定义,不需要再定义<link>标签外部样式表进行引用。而外部样式表是在独立的css文件对HTML页面的样式进行定义,通过<link>标签对外部样式表进行引用。

       如果在HTML文档中,使用<style>标签对,进行了css的设定,但如果假设需要对外部样式表进行引用,而引用的外部样式表的效果跟内部样式有重复的地方。那么在这种情况下,对于这两种样式表,他们呈现的效果会是怎样?

       首先你可以想象他们的效果是做一个并集,但这个并集是有先后顺序的,他会把二者不同的设置进行添加,而二者皆有的设置但有不同值,他会根据先后决定显示谁的效果,如果内部样式表在前,那么他会显示外部样式表对相同设置的效果。反之,则相反。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值