一、HTML（超文本标记语言）
常用标签
- h：标题标签，块级元素，不能写在其他块级元素中
- p：段落标签，块级元素，不能写在其他块级元素中
- div：是一个通用型的流内容容器，在不使用CSS的情况下，其对内容或布局没有任何影响。
- ol/ul->li：有序列表/无序列表，块级元素。
- a：超链接，必须有href属性，行内元素。
- span：行内元素。
- 表格标签，table（表格）tr（行）td/th（单元格）
- img：图片，src属性指定图片地址。
- iframe：活动框架，在一个HTML中嵌入其他页面。
- form：表单
- input：输入，type属性决定其格式（text、password、checkbox、radio、button、submit(提交表单)、reset、image、number、date、datetime、email、tel）
- select：下拉列表
- option：select选项
- textarea：多行文本框，rows表示行高，cols表示每行文本个数。
二、CSS（层叠样式表---“HTML的装修工”）
1.选择器
通配符选择器 ：*
标签选择器：p{}
类选择器：.classname{}
id选择器：#{}
并集选择器：a，p，div{}
交集选择器：div span input{}
直接子元素选择器： div>span>input{}
属性选择器：[attrName $= ' ']{}
伪类选择器：onhover，click...
2.文本样式
段落缩进
字间距
行高
词间距
3.外观样式
字体尺寸
字体颜色
字体样式
字体粗细
4.背景样式
背景颜色
背景图片（可设置平铺方式以及显示位置）
5.盒子模型
boder 边框样式（color、width、style）
margin 间距（当前元素和外部其他元素间距离）
padding 填充间距（当前元素内部内容和当前元素边框之间的距离）
6.浮动(float)
是同float使得元素离开标准流，浮动在其他元素的上面
两个同时浮动的元素会在一个层面中并列排放
浮动元素无法将父元素所在块撑大，可使用clear消除浮动产生的影响
7.定位
static：默认定位
相对定位（relative）：当前元素相对于都元素进行定位相对定位元素会有位移，但是元素本省不脱离标准流
绝对定位（absolute）：会脱离标准流，若当前元素的父元素是默认定位，那么当前元素会 相对于整个body进行绝对定位；若当前元素的父元素是相对定位，那么当前元素会相对于父元素进行绝对定位（子绝父相）。
固定定位（fixed）：相对于窗体进行固定定位
8.行内元素和块级元素
所有的块级元素都是独占一行且可以设置大小
所有的行内元素并不能独占一行，大多数行内元素不能设置大小，且他的大小就是元素内容（table、img除外）
display：none，不显示该元素
block，转化为块级元素
inline，转化为行内元素
inline-block，设置一个元素为行内块级元素
