前端基础HTML---外部样式表
可以将样式表编写到外部的css⽂件中,然后通过link标签来讲外部的css⽂件引⼊到当前页⾯中,
这样外部⽂件中的css样式表将会应⽤到当前页⾯中
将css样式统⼀编写带外部的样式表中,完全使结构表现纹理,可以使样式表可以在不同页⾯中使⽤
最⼤限度的复⽤,并且可以加快⽤户的访问速度
最推荐使⽤外部样式表
index.html⽂件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>外部样式表</title>
<!-- 引⼊css⽂件 -->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<!--
可以将样式表编写到外部的css⽂件中,然后通过link标签来讲外部的css⽂件引⼊到当前页⾯中,
这样外部⽂件中的css样式表将会应⽤到当前页⾯中
将css样式统⼀编写带外部的样式表中,完全使结构表现纹理,可以使样式表可以在不同页⾯中使⽤
最⼤限度的复⽤,并且可以加快⽤户的访问速度
-->
</head>
<body>
<p>锄⽲⽇当午.汗滴⽲下⼟</p>
</body>
</html>
css文件怎么写style.css⽂件
p{
font-size: 20px;
color: red;
}
效果: