在head标签中使用style标签，style开头标签添加属性tyle=text/css（默认是这样）
固定格式为：标签名称{属性名称:对应的值}
CSS规则有两个主要部分：一个选择器和一个或多个声明
h1{color:red;front-size:12px;}
在上面的CSS代码中：
h1是选择器{color:red;front-size:12px;}是声明color是属性名称red是属性值color:red;被称为一个声明
CSS 选择器
1.元素选择器
以下代码为所有锚元素添加边框和填充。
a {
border: thin black solid;
padding: 4px;
}
2.id选择器
以下代码选择id为 myAnchor 的元素。
#myAnchor {
border: thin black solid;
padding: 4px;
}
3.class选择器
以下代码选择类为 class2 的所有元素。
.class2 {
border: thin black solid;
padding: 4px;
}
4.分组选择器、
在下面的示例中，我们将来自上面代码的选择器分组：
h1, h2, p {
text-align: center;
color: red;
}
CSS 背景
background-color背景颜色
background-image背景图像
CSS 文本
CSS 字体
规定文字样式的属性 font-style：italic倾斜 normal 正常 快捷键：首字母加Tab键
规定文字粗细的属性font-weight：bold加粗 bolder更粗 lighter细线
规定文字大小的属性font-size：数字+px
规定文字字体的属性font-family：如果是中文要用双引号括起来
CSS 盒模型
- Margin - 边界外的透明区域。
- Border - 边框在填充和内容周围。
- Padding - 内容周围的透明区域。
- Content - 实际文本和图像。
CSS布局
visibility：hidden 隐藏元素，但是元素仍然占据空间并影响布局。
display：none 隐藏元素，并从布局中删除元素。
CSS Position定位
我们可以使用position属性设置元素的位置。
元素的位置也由顶部，底部，左侧和右侧属性控制。
但是，除非先设置position属性，否则这些属性将不起作用。
它们也根据不同的位置值工作。
允许的值为：
- static - 布局正常。 这是默认值。
- relative - 相对于其正常位置定位。
- absolute - 相对于其具有非静态位置值的其第一祖先定位。
- fixed - 相对于浏览器窗口定位。
CSS Float浮动
float 属性创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
float 的可能值为：left或right或none。
- left - 使左边缘接触包含块的左边缘或另一浮动块的右边缘。
- right - 使右边缘接触包含块的右边缘或另一浮动块的左边缘。
- none - 元素不浮动。
div一般用于配合css完成网页的基本布局
span一般用于配合css修改网页上的局部信息
div会单独占领一行，span不会，div是一个容器级的，span是文本级的
