css
css.html
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title>
<link rel="stylesheet" href="css.css" />
head>
<body>
<p class="pfirst">段落一p>
<p id="p2">段落二p>
<p>段落三p>
<p>段落四p>
<div>
<p><span style="font-size: 60px;font-weight:bolder;">Hellospan>p>
<span class="a">Worldspan>
<p class="a">!!!p>
div>
body>
html>
css.css
/* 标签样式表 */
/* p是标签名 */
p{
color: red;
}
/* 类样式 */
.pfirst{
font-size:20px
}
/* ID样式 */
#p2{
font-size:25px;
background-color: #CCBBCC;
font-weight: bolder;
font-style: italic;
font-family: "华文彩云";
}
/* 组合样式 */
div p{
color: blue;
}
/* 不能写div.a 而是div .a */
/* .a是控制所有class="a",div .a是控制div里的class="a" */
div .a{
font-size: 32px;
font-family: "黑体";
}