CSS 三种引入方式
目录
CSS 引入方式
行内样式表(行内式)
内部样式表(嵌入式)
外部样式表(链接式)
CSS 引入方式
按照CSS样式书写的位置不同(或者引入的方式)不同,CSS样式表可以分为三类:行内式、嵌入式、链接式。
内部样式表
内部样式表是写到html页面内部,是把所有CSS代码抽取出来,单独方式一个<style>标签中。
<style> div { color: red; } </style>
注意:
1. <style>标签理论上讲是可以放在HTML文档中的任何位置,但是一般放到<head>标签中
2. 使用内部样式表设定CSS,通常也成为嵌入式引入
行内样式表
行内样式表(内联样式表)是在元素标签内的style属性中设定CSS样式。适用于简单的样式
<p style="color: red;">p</p>
说明:
1. style是标签的属性
外部样式表
样式单独写到CSS文件中,然后把CSS文件引入html中。开始时主要使用
<link rel="stylesheet" href="color.css">
说明:
1. color.css文件和当前的html属于同一级目录