按照CSS样式书写的位置(即引入的方式),CSS样式表可以分为三大类。
内部样式表(嵌入式)
内部样式表是写到html页面内部,是将所有的CSS代码抽取到标签中。
在之前的CSS学习中用的都是这种引入方式。
通过这种方式,可以方便控制当前整个页面中的元素样式设置。
在练习过程中经常用到。
行内样式表(行内式)
行内样式表是在元素标签内的style属性中设定CSS样式,适合用于修改简单样式。
语法
<p style="color: red;font-family:'宋体';">行内样式表是这样用的</p>
- style是标签的属性
- 在双引号中间,写法要符合CSS规范
- 可以控制当前标签的样式
- 不推荐使用
外部样式表(链接式)
实际开发中基本都是用外部样式表,适合样式比较多的情况。即样式单独写到CSS文件中,之后把CSS文件引入到HTML页面中使用。
推荐使用。
使用过程
1、在开发工具中新建一个CSS文件。
2、在CSS文件中直接写样式(CSS文件只有样式没有标签,不用写style属性)。
3、在HTML页面中,使用标签引入CSS文件。
<link rel="stylesheet" href="css文件路径">