水平线标记：<hr/>  是单标签
换行标记：<br/>
段落标记：<p>
标题标签：<hn></hn> n:1-6   数字越大标题越大
文本样式标记：<font>文本内容</font> 
加粗：<b></b>或<strong></strong> 
斜体：<i></i>或<em></em> 
加删除线：<s></s>或<del></del>
加下划线：<u></u>或<ins></ins> 
图像标记：<img src="图像url"  alt="图像不能显示时替换的文本" title="鼠标悬停时显示的内容" width="宽度" height="高度"/> 
创建超链接：<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> 
 target：用于指定链接页面打开方式，有_self(为默认值)和_blank（在新窗口打开）
<base/>：设置整体链接的打开状态
创建锚链接：
1.<a href="#id名">链接文本</a>
2.使用相应的id名标注跳转目标的位置
无序列表:
<ul>
      <li>列表1</li>
      <li>列表2</li>
</ul>
有序列表:
<ol>
      <li>列表1</li>
      <li>列表2</li>
</ol>
自定义列表:
<dl>
      <dt>名词1</dt>
      <dd>名词1解释</dd>
</dl>
cellspacing:单元格与单元格之间的距离
cellpading:文字与单元格之间的距离
align:表格在网页中的对齐方式
caption:定义表格标题
表单语法：
<form name="form_name" action="url" method="get/post">...</form>
name:定义表单的名称
method:浏览器传到服务器的方式，一般默认get
<input type="控件类型">
text:单行文本输入框
password:密码输入框
radio:单选按钮
checkbox:复选框
botton:普通按钮  
submit:提交按钮
reset:重置按钮
image:图像形式的提交按钮
hidden:隐藏域
file:文本域
<textarea cols="宽度" rows="高度">文本内容</textarea>
下拉菜单
<select>
          <option>北京 </option>
          <option>上海</option>
</select>
<link rel="stylesheet" href=" ">引入外部样式表
tr :行
td：列
设置表格表头：<caption><h3>人员信息表</h3></caption>
表格结构
<table>
<thead></thead> 头
<tbody></tbody> 身体
<tfoot></tfoot>    脚
</table>
单元格横向合并：
<tr>
      <td></td>
      <td colspan="2"></td>
      <td></td>
</tr>
纵向合并：
<tr>
      <td></td>
      <td rowspan="2"></td>
      <td></td>
     <td rowspan="2"></td>
</tr>
maxlength:设置文本输入框最多只能输入多少字符
readonly="readonly":设置文本输入框为只读
disabled="disabled":控件属于未激活的状态
name="username":给输入框设置名称
value=“”：设置或显示输入的值
checked="checked":设置默认的选中值
multiple="multiple":实现多选效果
header:头部  
container：内容
footer：尾部
nav：导航
sidebar：侧栏
logo：标志
banner：广告
main：页面主体
content：内容
text-align：文字居中格式
font-size:设置文字大小
font-family:设置字体
font-weight:字体加粗
font-style:字体风格
color:文字颜色
text-indent:首行缩进
italic:文字斜体显示
normal:文字正常显示
margin：0 auto;盒子居中显示
块级元素：<div> <p> <h1> <form> <ul> <li>
行内元素：<a><span><br><i><em><strong><lable>
行内块元素：<img><input>
行内元素转块元素：display:block
行内元素转行内块元素：display：inline-block
display:inline:转为行内元素
css伪类
:link   应用于未被访问过的链接
:hover    应用于用鼠标指针悬停于其上的元素
:active   应用于被激活的元素，如被点击的链接，按下的按钮
:visited  应用于已被访问过的链接
:focus   应用于拥有键盘输入焦点的元素

基础选择器

标签选择器：p{属性：值；}
类选择器  .fontcolor{color:red;}
                调用<p class="fontcolor">文字</p>
id选择器
 #自定义名称{属性：值}
通配符选择器
*{属性：值}

复合选择器
标签指定式选择器 p.类选择器{属性：值；}
后代选择器            选择器   选择器{属性：值；}
并集选择器           选择器，选择器，选择器{属性：值；}

浮动：float
overflow：hidden   溢出的隐藏
clear：left/right/both 清除浮动

overflow介绍
overflow:visible 默认值，内容不会被修剪，会呈现在元素框外
overflow：hidden 内容会被修剪，并且其余的内容不可见的
overflow：scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
overfolw:auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

定位
position：static   静态定位（按照标准流的方式显示）
position:absolute 绝对定位  （以浏览器左上角为基准设置位置；当一个盒子包含在另一个盒子中，父盒子未设置定位，子盒子以浏览器左上角为基准设置位置，当父盒子设置定位，子盒子以父盒子左上角为基准设置位置；绝对定位绝对不占空间位置，与浮动一样；可实现模式转换）
position:relative  相对定位（以元素自身位置为基准设置位置；相对定位占位置；一般子元素设置相对定位，父元素设置绝对定位）
position:fixed  固定定位 （不占位置）

margin：0 auto 居中对齐
display:none 不显示元素
vertical-align:middle 垂直对齐

绝对定位（看脸型）
脱标/模式转换

相对定位
没有脱标/子绝父相

固定定位
脱标/模式转换