W3C英文网站：https://www.w3.org/
W3Shcool中文网站：http://www.w3school.com.cn
CSS指层叠样式表(Cascading Style Sheets),用来指导HTML元素的显示，实现了内容与表现分离，极大提高了工作效率。
通常采用外部样式表导入的方式实现内容与表现分离。
HTML引入CSS的4种方式：（优先级1-4, 1优先级最高）
1--内联样式（在HTML元素内）
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>2--内部样式表（位于
标签内）<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>type可以不写！
3--外部样式表在header引入
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>4--浏览器默认样式
CSS语法由选择器和多条申明构成。
selector {declaration1; declaration2; ... declarationN }
h1 {color:red; font-size:14px;}
p {font-family: "sans serif";}如果值为若干单词，则要给值加引号
每行只描述一个属性，用分号结束
CSS对大小写不敏感（注意：class 和 id 名称对大小写敏感）
颜色的写法：
p { color: #ff0000; }
p { color: #f00; }
p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); } h1,h2,h3,h4,h5,h6 {
color: green;
}
body {
font-family: Verdana, sans-serif;
}根据上面这条规则，站点的 body 元素将使用 Verdana 字体
li strong {
font-style: italic;
font-weight: normal;
}#red {color:red;}.center {text-align: center}[title]{
color:red;
}*{
color:red;
}p.box{
color:red;
}标注p的class为‘box’的p标签。
h1,h2,h3,h4,h5,h6 {
color: green;
}原文：https://www.cnblogs.com/bryant24/p/11456490.html