css 引入方式
css
CSS 是Cascading Style Sheets 的简称，中文称层叠样式表，用来控制网页数据的表现，可以使网页表现和数据内容分离
CSS的四种引入方式
1,行内式：在标记的style属性中设定css样式，这种方式不推荐使用。如下：
<div style="color: red;background-color: gold">hello yuan</div>
2,嵌入式：将CSS样式集中写在网页的<head></head>标签对中的style></style>标签对中。适用范围：当前页面的所有标签。【推荐，多个标签可复用样式】
如下：对网页中所有的p标签和所有的a标签进行设置
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
color: red;
front-size:40px;
}
a{text-decoration: dashed;
}
</style>
</head>
<body>
<div>hello div</div>
<p>hello</p>
<p>ni</p>
<a href="">点击</a>
</body>
3，链接式引入：可以进入多个（推荐此方法）
创建一个css文件，在此文件中写上对标签的设置；
然后在html文件的<head></head>中引入此文件，引入代码是：
<link href="css文件名" rel="stylesheet">
（其中rel代表类型)
例如：
创建了一个css文件：test1.css,文件内容如下（即对p 和a标签进行设置）：
p{
color: green;
front-size:20px;
}
a{text-decoration: dashed;
}
运行以下html代码：
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="test1.css" rel="stylesheet" >
</head>
<body>
<div>hello div</div>
<p>hello</p>
<p>ni</p>
<a href="">点击</a>
</body>
效果图如下：
4，导入式引入：引入数量有限制
创建一个css文件，在此文件中写上对标签的设置；
然后在html文件的<head></head>中的<style></style>中引入文件，引入代码是：
@import"css文件名"
例如：
创建了一个css文件：test1.css,文件内容如下（即对p 和a标签进行设置）：
p{
color: green;
front-size:20px;
}
a{text-decoration: dashed;
}
运行以下html代码：
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
@import "test1.css";
</style>
</head>
<body>
<div>hello div</div>
<p>hello</p>
<p>ni</p>
<a href="">点击</a>
</body>
效果图如下：
