一、语法规则
选择器{
属性：属性值；
}
二、css和HTML的结合方式
1.在标签的 style 属性上设置”key:value value;”，修改标签样式。
2.在 head 标签中，使用 style 标签来定义各种自己需要的 css 样式。
格式如下：
选择器 {
Key : value value;
}
3.把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。
使用 html 的 <link rel="stylesheet" type="text/css" href="./styles.css" /> 标签 导入 css 样
式文件。
三、选择器
1.标签名选择器
标签名{
属性：值;
}
2.id选择器
#id 属性值{
属性：值;
}
3.class选择器
.class 属性值{
属性：值;
}
4.组合选择器
选择器 1，选择器 2，选择器 n{
属性：值;
}
5.
后代选择器(以空格分隔)
div p{ background-color:yellow;}
子元素选择器(以大于号分隔）
div>p{ background-color:yellow;}
相邻兄弟选择器（以加号分隔）
div+p{ background-color:yellow;}
普通兄弟选择器（以破折号分隔）
div~p{ background-color:yellow;}
四、常用样式
1、字体样式
color：#FF0000；字体颜色红色
font-size：20px; 字体大小
2、宽度 width:19px;
3、高度 height:20px;
4、背景颜色 background-color:#0F2D4C；
5、边框
border：1px solid red;
6、DIV 居中
margin-left: auto;
margin-right: auto;
7、文本居中：
text-align: center;
8、超连接去下划线
text-decoration: none;
9、表格细线
table {
border: 1px solid black; /*设置边框*/
border-collapse: collapse; /*将边框合并*/
}
td,th {
border: 1px solid black; /*设置边框*/
}
10、列表去除修饰
ul {
list-style: none;
}
五、盒子模型
