#1.css由selector和declaration组成 比如：
.classA
{
text-align: center;
font-size: 30px;
color: #F0FFFF;
}
#2.css的注释类似Java的块注释 比如：
#forh1
{
text-align: center;
color: darkgreen;
/* id只能用一次，class可以用多次 */
}
注意，HTML的注释是<!-- -->，不要把知识混淆了
Python行注释：
#This is for python
或者：
"""
This is a docsting
"""
或者:
'''
This
'''
Java注释：
//This for Java
或者块注释：
/* This is for Java */
文档注释：
/** Similar to docstring */
#3.id和class id和class相当于配置项，HTML标签组按照需求选择配置项，然后根据配置项按照特定的格式进行显示，比如：
这是id的一个定义，用"#"标记:
#forh1
{
text-align: center;
color: darkgreen;
/* id只能用一次，class可以用多次 */
}
然后使用的时候可以这样：
<h1 id=forh1>
this is a fucking book
</h1>
要注意的是，同个id只能用一次，如果这个样式表在HTML文件内，那么像上面的forth1，只能在h1中使用，而不能再在其他的块中使用，否则会导致不可预料的问题。如果样式表在单独的css文件中，则这个id可以被不同的HTML文件调用，但同样遵守上面的一个文件里，同一id只出现一次的原则。
class和id相比，能在同一个文件内多次使用，用"."标记：
.classA
{
color: aquamarine;
}
使用时：
<body class="classA">
fuck off
</body>
另外还可以这样，直接指定在样式表里指定谁要用这个样式：
h1.classA
{
text-align: center;
font-size: 30px;
color: #F0FFFF;
}
这样会让所有的h1元素都用同一样式
另外还有个直接用元素和声明搭配：
body
{
background-color: lightgrey;
}
至于怎么选择，是你的问题了，个人倾向用class，然后在每一个元素的开头插入class="xxx"，而不是直接xxx.classA这样的懒方法。
#4.插入样式表 样式表有三种，但是大的样式表应该用外部文件定义：
<head>
<meta charset="UTF-8">
<title>外部样式表</title>
<link rel="stylesheet"/ type="text/css" href="mystyle.css">
<!-- stylesheet:定义一个外部加载的样式表 -->
</head>
外部的样式表mystyle.css：
p
{
color: bisque;
font-size: 20px;
}
body
{
background-color: khaki;
}
将具体页面和样式表配置分离是一个好的实践
如果要配置的样式比较少，也可以选择内部样式表：
<head>
<meta charset="UTF-8">
<title>这是我的第一个手写css文件</title>
<style>
body
{
background-color: cornflowerblue;
font-family: "eras medium itc";
font-size: 10px;
/* diaoni1 */
</style>
</head>
还有一个称之为内联样式的方式：
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
视情况使用不同的方式。
就酱
