CSS应用样式的方式及其优先级

一、CSS应用样式的方式有哪些

CSS样式应用的方式分为三大类:

(1)行内样式

(2)内部样式

(3)外部样式

       首先来说行内样式,行内样式从字面上不难理解,就是写在一行里面的样式,即写在标签内的样式,所谓存在即有其合理性,这样写的优点在于写法比较简单,适用范围广,优先级高,当然弊端也是有的,运用行内样式,内容和样式没有分离,样式也没有复用性,仅仅自作用于一个元素。

       其次是内部样式,通常来讲,内部样式写在head标签内,理论上<style>标签写在其他地方也可以起作用,但是会出现一些小问题,所以还是默认写在head标签内,这样写的好处实现了样式的复用性,缺点是内容和样式没有完全分离,多个页面间不能复用。

       最后就是外部样式了,即通过link链接到需要修饰的html文件中,这样写基本就没有缺点,既实现了内容与样式的分离,又能够在多个页面间实现复用,当然当然了,,美中不足的地方恐怕就是编写的时候有些小小麻烦吧。

二、三种样式的优先级

       通常来讲,样式的优先级遵从“就近原则”,也就是谁离我近我就听谁的,你让我变啥样儿就啥样儿,那么通过这个原则,我们不难总结出,在引入顺序正常的情况下,优先级:行内样式>内部样式>外部样式,

       当然了,这种情况也并不是绝对的,css的样式还和选择器的优先权有关,详情请看你真的知道CSS的优先级吗

(注:以上链接文章内容为老师写的一篇文章,值得参考)

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值