您的位置：首页 > Web前端 > CSS

浅谈4种css引用样式

2017-07-14 13:18 375 查看
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文件时，可以采用这种方式
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css html javscript 前端 web
相关文章推荐
新的分享
章节导航