一. 内部样式表(嵌入式引用)----练习常用
是写到HTML页面内部,将所有CSS代码取出来,单独放到一个<style>标签中。
例:
理论上<style>可以放到HTML任何地方,但是一般会放在<head>标签中。
但是,并没有实现结构与样式的完全分离。
二. 内部样式表
是在元素标签的内部的<style>属性中设定CSS的样式,适用于修改简单的样式。
例: <div
style="color red ; font-size: 12px;”
张艺兴 </div>
**内容在双引号中间,写法符合CSS规范。
**可控制当前标签设置样式。
**只有对当前元素添加简单的样式的时候可以考虑使用,其他情况不推荐使用。
三. 外部样式表(外链式、连接式引入)---实际开发中常用
是样式单独写到CSS文件中,之后把CSS文件引入HTML页面中使用。
引入步骤:
新建 .CSS文件,把CSS代码放入此文件中
在HTML文件中使用<line>标签引入这个文件
例:
<line> rel = "stylesheet" href = "CSS文件路径“>
rel : 定义当前文档与连接文档之间的关系,在这里需要指定为”stylesheet",表示被连接的文档是一个样式表文件。
href : 定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
完全实现了结构与样式的分离。