写在哪里?
header内部定义css样式,写在<style></style>内
常见的选择器类型?分清楚。
普通选择器,比如
h1、h2、h3、h4、h5、h6、p、a、body
id选择器:
#id值,精确给一个美化为一个样式
class选择器:
.class值,所有包含class的一类美化为同一个样式
class选择器:
p.class值,所有包含class的一类美化为同一个样式
class选择器:
h1.class值,所有包含class的一类美化为同一个样式
盒子模型
外边距
CSS样式
<head>
<meta charset="utf-8">
<title>外边距</title>
<style>
p
{
background-color:yellow;
}
p.margin
{
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
}
</style>
</head>
实现效果
分析过程
内边距
CSS样式
<head>
<meta charset="utf-8">
<title>内边距</title>
<style>
p
{
background-color:yellow;
}
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
</style>
</head>