- 搜索
德胜云资讯,添加一些关于程序相关的内容,仅供大家学习交流（https://www.wxclwl.com）
日期：2023/03/26 06:21作者：曹敏侑人气：
css引入的方式分为三种方式：行内样式（行内式）、内部样式（嵌入式）、外部样式（链接式）。下面我们就逐个来介绍。
内部样式表式在html页面内部写样式，并放在<style>标签中，实例如下代码：
div{
color:red;
}
注意事项：
1、<style> 标签理论上可以放在HTML文档的任何地方，但我们一般会放在<head>标签中
2、这种方式并不常用红，因为没有实现结构与样式完全分离，我们一般在学习练习时用。
在元素标签内部的 style 属性中添加 CSS 样式，示例代码如下：
<div style="color: red; font-size: 12px;">写程序的同时，注意头发、抓紧谈恋爱！</div>1、此方式写法简单，适合少量的修改。
样式单独写到CSS 文件中，之后把CSS文件引入到 HTML 页面中使用，外部样式的写法分两个步骤：
1、新建后缀名为.css的文件，把所有的css代码都写在其中
2、在html中，使用<link>标签引入该文件实例代码如下：
1、新建style.css文件
div{
color: red;
}2、引入css文件
rel和href属性的解释：
rel属性：需要指定为“stylesheet”,表示被链接的文档是一个样式表文件，它的作用是定义当前文档与链接文档之间的关系
href属性；定义所连接外部样式表文件的URL，可以是相对路径，也可以是绝对路径
注意事项：
1、外部样式方式是我们在正规开发中使用的方式，大家要学会它。
2、此方法可以在多个页面间重复利用，提高工作效率。
五、总结
三种方式的优先级:行内样式 > 内部样式 > 外部样式，大家在开发的时候，尽量使用外部样式方式进行开发。
好了，就讲到这里，希望对大家有所帮助。
