<html>
<head>
<title> New Document </title>
<style>
p.cls1{
color:red;
}
p.cls2{
color:green;
}
</style>
</head>
<body>
<p class="cls2">hello,world</p>
<p class="cls1">abcdefg</>
</body>
</html>
同一html元素分类:
<html>
<head>
<title> New Document </title>
<style>
p.cls1{
color:red;
}
p.cls2{
color:green;
}
*{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<p class="cls2">hello,world</p>
<p class="cls1">abcdefg</>
</body>
</html>
通配符选择器:让浏览器的默认边界都为0px;
四种选择器的优先级:
id选择器》类选择器》html选择器》通配符选择器
margin知识:
margin:0px; 上右下左都是0px;
margin:10px 10px; 上下 左右
margin:10px 10px 10px 上 左右 下