1.<div>与<span>
div: 块级元素，全称为division，标签用来划分一个区域．相当于一块区域容器，可以容纳段落、标越、表格、图像等各种网页元素。即 HTML 中大多数的标签都可以嵌套在＜ div ＞标签中， < div ＞中还可以嵌套多层 《 div > ，用来将网页区分 成独立的、不同的部分，来实现网页的规划和布局。
span(内联)用来来修饰文字的， dlv 与 span那是没有任何默认样式的，需要配合 CSS 才行。
2 CSS基础语法
css: 属性值以；分割添加样式。
px: 像素单位 %百分比
基础样式 ： width: 100px; height: 100px; background-color: antiquewhite;
%相对于父容器的大小
3.内联样式和内部样式
内联样式:在标签内部添加style来实现的
内部样式: 在<style>标签中来实现的，内部样式可以服用代码，更加简洁。
通过 link的方式引入外部样式或者通过 @import
建议使用link
4.css当中的颜色
单词表示法： red、blue 、 yellow
十六进制表示法: 0 1 2 3 4 5 6 7 8 9 a b c d e f
rgb 表示法: rgb(255,255,255) 取值范围0-255
5. css 背景样式
背景颜色： background-color: #00FFFF;
背景图片 background-image: url(./imgs/dong.gif); 默认水平垂直都铺满背景图 background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat(x,y);（默认）
background-repeat: no-repeat; (禁止背景图片的平铺)
背景的位置
background-position: right bottom;
背景随滚动条移动方式
6.css的边框样式
border-color: red;
border-style: dashed; solid; dotted;
border-width: 10px;
同时支持上下左右
7.css文字样式
font-family：字体类型，英文 Arial, Time New Roman
中文 微软雅黑 ，宋体
衬线体和非衬线体
可以设置多个字体，挨个匹配
8. 字体的大小粗细
font-size: 默认16px
xx-small x-small small medium large x-large xx-large
把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。
默认值：medium。
smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
%把 font-size 设置为基于父元素的一个百分比值。
inherit规定应该从父元素继承字体尺寸。
font-weight： normal bold 加粗 | number 100或200等
font-style： normal默认值。浏览器显示一个标准的字体样式。
italic浏览器会显示一个斜体的字体样式。
oblique浏览器会显示一个倾斜的字体样式。
inherit规定应该从父元素继承字体样式。
9.css 段落样式
text-decoration: underline; 和 text-decoration: overline; 和text-decoration: line-through;
text-transform: lowercase和text-transform: uppercase
text-indent: 32px 首行缩进 lem永远都是跟字体大小相同
text-align： 文本对齐方式 ，left把文本排列到左边。默认值：由浏览器决定。，right把文本排列到右边。center把文本排列到中间。justify实现两端对齐文本效果。inherit规定应该从父元素继承 text-align 属性的值。
normal默认。设置合理的行间距。number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。inherit规定应该从父元素继承 line-height 属性的值。
10.文本间距与文本折行
letter-spacing： 定义字间距
word-spacing： 定义词间距 针对英文
强制折行： word-break: break-all 强烈折行; word-wrap:break-word 没那莫强烈
11.css复合样式
控制一种样式：单一样式
控制多种样式： 复合样式 border
12 选择器
1.ID选择器： #ID{}
一个页面中应当是唯一的一个值
命名规范字母下划线中划线字母第一个不能是数字
驼峰命名如 search-small-button
2.class选择器
.class{}：可以复用，多个样式根据css决定不是class中的顺序
标签+类的写法
3.统配选择器
标签选择器 div{} 一般设置默认样式通用样式
*{} 给虽有标签添加样式
4.层次选择器
父子、#parent > li{}
后代（儿子、孙子等）、#parent li{}
兄弟、 div~h2{} 选择器只选择下面的不选择上面的
相邻：选择器只选择下面的不选择上面的
5.属性选择器
属性选择器可以根据元素的属性及属性值来选择元素。除了选择拥有某些属性的元素，还可以进一步缩小选择范围，只选择有特定属性值的元素。如： *[title] {color:red;} 给title属性添加字体红色，还可以根据多个属性进行选择，只需将属性选择器链接在一起即可。
