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文件时,可以采用这种方式