外部样式表
- 外部样式:外部样式表就是新建一个文档,里面全写css,然后再通过link插到html代码中
- 作用:使网页的表示层与结构层彻底分离
- 示例:将背景设置,修改为外部样式表
<link rel="stylesheet" type="text/css" href="index.css>
- 小贴士:除了link进行外部样式表的链接,还是其他方法哦
实战
p{
background-color: red;
font-size: 40px;
}
.p1{
font-family: 隶书;
}
body{
background-color: blue;
background-image: url("image/12.jpeg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<p>https://www.baidu.com</p>
<p>百度</p>
<p class="p1">jaodsjfinovajdoifhogjaoisdjfioad骄傲ID房价回购
瓦尔哦啊哦安东覅好IG阿道夫</p>
</body>
</html>
网友评论