HTMl+CSS
HTML
一、标签
二、路径
三、链接
四、表格
五、列表
六、表单
一、标签
标题标签（h1~h6）、段落标签（p）、换行标签（br）
div（大盒子，块级）和span（小盒子，行内）标签为一个盒子，无语义，区域分块
img为图像标签，属性中，src用于指定路径，alt用于替换文本，title为提示文本，width和height分别为宽和高，border为边框粗细
二、路径
相对路径：同级直接引用，上一级文件中用../，下一级文件中用文件名/
绝对路径：位于某个盘符的路径
三、链接
超链接<a href="指定路径" target=“”></a>,属性target默认值为_self(在此窗口打开)，值为_blank时 代表新窗口打开
下载链接href为压缩包名称
网页元素
锚点链接锚点名id，链接文本<a href="#id"></a>
返回顶部<a href=""></a>，href值为空即可
特殊字符： ；（空格）< (<）>(>)
四、表格
table标签，属性align:center|left|right，width：表格宽度，border：变宽（css中设置）
<tabe>
<tr><tr></tr></tr>
<tr><td></td></tr>
</table>
tr 标签用于定义表格中的行，td标签为单元格，th标签为表头（文字自动加粗和居中），td和th必须嵌套在tr中
caption标签为表格标题
表格结构标签<thead></thead>表示表头，<tbody></tbody>表示表体，<tfoot></tfoot>表示表尾
单元格合并（需删除一些多余的单元格）：单元格跨行：rowspan属性，单元格跨列：colspan属性
五、列表
无序列表：ul
无顺序之分，是并列的，ul只能嵌套li标签
<ul>
<li></li>
</ul>
有序列表：ol
有顺序之分，ol只能嵌套li标签
<ol>
<li></li>
</ol>
自定义列表：dl
只能包含标签dt和dl
<dl>
<dt></dt>/*定义项目和名字*/
<dd></dd>/*描述每一个项目*/
</dl>
六、表单
表单域：form标签
表单控件：
input标签：<input type=""></input>
type的属性值：text（定义单行输入字段），password（密码），radio（提交按钮），checkbox（复选框），button（按钮）
reset（重置），submit（提交），file（文件上传）
value属性：提示文本，name属性：规定单一，checked属性：checked默认选中，maxlength属性：最大值
label标签：用于绑定元素<lable for="sex">男</label><input type="radio" id="sex"></input>for绑定id
select标签：下拉表单
<section>
<option selected="selected"></option>
</section>
textarea文本域标签：<textarea>文本内容<textarea/>
CSS
一、基础选择器
二、字体样式
三、文本样式
四、复合选择器
五、元素显示模式
六、背景
七、css三大特性
八、盒子模型
一、基础选择器
标签选择器：用HTML的标签名作为选择器标签名
标签名 {
属性1：属性值1；
}
类选择器：类定义.类名，可单选一个或多个（多类名时用空格隔开）
.类名 {
属性1：属性值1；
}
id标签：#定义，只可调用一次
#定义名 {
属性1：属性值1；
}
通配符标签：统一页面所有元素
eg：*{
margin：0；
padding：0；
}
二、字体样式
字体系列：font-family:'Microsoft YaHei'(多个用逗号隔开)
字体大小：font-size
字体粗细：font-weight（400为自然）
字体倾斜：font-style（正常为normal）
复合写法：font：font-style font-weight font-size font-family（前面两个可省，后面两个必写）
三、文本样式
文本颜色：color
文本对齐：text-align:center|left|right
文本装饰：text-decoration：none|underline|line-through
文本缩进：text-indent： em
行间距：line-height（行高：单行文字居中）
四、复合选择器
后代选择器
子选择器
并集选择器
伪类选择器：：link（未访问），：visited（访问过），：hover（鼠标经过），：active（选择活动）
五、元素显示模式
块元素
行内元素：：宽高无效，只能容纳多行元素或文本内容
行内块元素：一行有多个，有宽高
模式转换：行转块：display：block；块转行：inline；转为行内块：display：inline-block;