CSS（二）内部样式表
2021-10-10 本文已影响0人
InsaneLoafer
选择器概念
- 选择器作用：用来选择（找到）需要添加样式的位置
- 常用选择器：标签选择器、(归）类指选择器
- 例子：
<p class="title">https:www.baidu.com</p>
<p>百度</p>
<p class="title">百度一下/<p>
实战
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Document</title>
<style type="text/css">
p{
background-color: red;
font-size: 40px;
}
.p1{
font-family: 隶书;
}
</style>
</head>
<body>
<p>https://www.baidu.com</p>
<p>百度</p>
<p class="p1">jaodsjfinovajdoifhogjaoisdjfioad骄傲ID房价回购
瓦尔哦啊哦安东覅好IG阿道夫</p>
</body>
</html>
背景样式
background-repeat属性
- no-repeat：不重复
- repeat：重复
- repeat-x：只在水平方向重复
- repeat-y：只在竖直方向重复
background-attachment属性
- fixed：图片固定，文字滚动
- scroll：随滚动条一起滚动
background-position属性
background属性
- 按照颜色、图片位置、是否重复、是否随滚动条滚动、位置的顺序填充属性
body{
background: yellow url("image/12.jpeg")
no-repeat fied top center;
}
