浅谈4种css引用样式

1 篇文章 0 订阅
1 篇文章 0 订阅

1.行内式

啥是行内式呢?行内式就是将css样式直接写在标签里面,例如<p style='color:blue'>hello wolrd</p>,但是小均我不建议大家使用这个,为什么呢?

大家都知道,现在W3C就是万维网联盟强烈推荐结构,样式还有行为分离,以后的前端编程也会往这个方面发展,所以强烈建议亲们不要使用这种引用样式。


2.内嵌式

      啥又是内嵌式呢?内嵌式是在head便签内,使用style写css样式,如以下的格式:

        <head>

    <style>

body{

font-size:16px;

}

</style>

        </head>

这种格式适合刚入学的新手,注意,此时的css样式还没有与html完全分离,所以新手学习时可以借鉴这种方式。但是做项目开发时,还是使用外部引用的方式,就是方式3了


3.外部引用方式

这又是啥呀,前端的小伙伴咋那么会玩啊,这么多咋记得住呀?亲们肯定觉得很多,其实这外部引用方式是工作中最常使用的,值得注意的是,外部引用css和JavaScript时,使用的是不一样的标签,一定要区分好。

<link rel='sheetstyle' href='***.css' type='text/css'>---------------->css

<script src='***.js'></script>------------------------------------------>javascript

      很多新手不习惯这种方式编程,但是值得我们思考的是,这种方式从外部导入文件,不但可以实现结构与样式分离,还可以便于编程,解决了方式2编程时要上下滑动的页面的弊端


4.import导入

@import 'mystyle.css'

这种方式可以使css片段拼接,就是从css文件导入另一个css文件,当很多css文件时,可以采用这种方式

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值