分为外联样式,在CSS文件夹下新建login.css文件
/* 这是ID选择器,页面上所有是这个的元素,都执行这里面的样式 */
#div1{
color: #FF0000;
text-align: center;
}
/* 所有是P标签的元素执行这里面的样式 */
p{
color: #FF0000;
text-align: center;
}
/* 他是class选择器,通常命名的时候以"."开头,里面定义了一些样式,谁要是想用,
直接用class=" "引用就可以了*/
.center{
font-size: 54px;
}
.hu{
background-color: #00FFFF;
}
新建login.html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="./css/jj.css" />
</head>
<body>
<div id="div1">
你好
</div>
<p>你是谁</p>
<p class="hu">哪里</p>
<p class="center">你看看了</p>
</body>
</html>