CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {declaration1; declaration2; ... declarationN }
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值用冒号分开。
1.一般定义在头文件里面
2.需引入<style type="text/css"><style>
3 样式的定义必须在style标签内
<style type="text/css">
//在这里进行定义，例如：
body {background-color: yellow}
</style>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{
border: 1px solid red; //边框
width: 500px; //宽
height: 300px; //高
background: url(image/59.jpg); //背景
font-size: 60px; //字体大小
color: red; //颜色
font-family: 楷体; //字体类型
text-align: right; //文本居右
line-height: 300px; //行高
font-style:italic; //字体风格
font-weight: bold; //字体粗细
text-decoration: line-through; //下划线
}
</style>
</head>
<body>
<div id="div1">
文字信息
</div>
</body>
<style>
...css代码...
</style>
<link rel=”stylesheet” href=”XX.css” >
比如：
css文件为c1.css，其中代码为：
p{ color: red; font-size: 20px}
html文件为p1.html，其中关键代码为：
<link href=”c1.css” rel=”stylesheet”>
<p>这是一个段落文本</p>
<div>这是一个div文本</p>
<某标签 style=”...css属性设置...” >。。。。</某标签>
选择器语法的符号含义：
各选择器的形式语法中的代号含义如下：
E： 代表“Element”，即元素；元素就是标签（tag）
S： 代表“Seletor”，即选择器；
attr： 代表“attribute”，即属性；
CSS是对HTNML标签进行美化，使得网页更加具有观赏性，这就好比化妆一样，化妆之后更加好看。
原文：https://www.cnblogs.com/ql123456/p/10544354.html