总结HTML，CSS
HTML部分：
一、超链接部分：<a herf>是超文本链接引用，属性为目标文件。
1、热区链接
<img src="图片地址" usemap="#映射图片名称">
<map name=“映射图片名称”>
<area shap="热区形状" coords="热区坐标" href="URL">
</map>
2、 图片链接
<a href=" ">
<img src=" " border=" " alt=" ";> // (表示规定图片的替代文本，提示文字。)
</a>
3、地址链接
<adress>...</adress>地址信息，用斜体显示。
4、E_Mail链接
<a href="mailto....?cc=...& bcc=....& subject=...& body..."> // (cc是指抄送文件，Bcc是指密件抄送文件 subject是指主题，body是指内容)
5、 引用<q>..</q>之间内容不用“”。placeholder是文本框中的灰色字体。font-weight：mormal是设置字体的粗细。
二、表单
方法：post 、get两种。
单选按钮中的name 值必须一样，Value值不同。
复选框checked，单选按钮 radio
legend是域标题 ， fildset是定义域。
colspan是横向并列，rowspan是纵向并列。row是行，col是列。
表单中的ID是自己命名的ID，用来标示页面的唯一元素。
CSS部分
CSS作用内容与表现分离。
一、选择器
选择器包括：标记选择器（HTML的元素。如：p{color:red;}）.
类选择器(.ahd{ ...} class="ahd")，ID选择器(#er{ ...} id="er")，（两类的生命在<style type="text/css> ...</style>之间。）ID选择器只能用一次，类选择器可以使 用多次，同时还能为一个元素设置多个样式。
伪类选择器(a:link{ ...})鼠标未点击，a:visited{ ..} 点击后， a:hover{...}在link之后 悬挂时，a:active{ ...}在hover之后 连接时。
派生选择器 li strong{ ....}
子选择器 .food>li { ..} 后代选择器 。food li{ ..}
二、样式
内链样式表 <p style="color:blue" >
内部样式表,在<head>.....</head>之间设置<style type="text/css">....</style>
外部样式表。 链接外部样式表和导入外部样式表两种方式，以.css结尾的文件，只放在<head>中。外部样式链接表<link href=".." rel="stylesheet" type="text/css">
外部样式导入表<style type="text/css">
@import url(“ ”);
</style>
三、DIV块
DIv块的盒子模型：所设置的宽只是元素所在位置的宽，并不包括内外边距和边框。所以计算好才能布局。内外边距增加，元素的宽度也会增加。
块DIV的嵌套，DIV的层叠z-index：0,1,2.其中2是在最上方。position:absolute 相对于浏览器的偏移量, relative是相对于原位置的偏移量, none.
display:block,inline.block是块状元素，可自动换行，inline是内联元素。span是行内，可用于突出重点，不自动换行。inline-block是内联块状元素，可用于分页。
margin是边界，盒外部的边界，margin的左右边界两个盒锁设置的边界和为左+ 右。上下边界则是最大的边界设置，若有负数，则是相加之和。
四、居中
1、定宽块状元素。设置居中：width:,,; margin的左右为auto;
2、不定宽块状元素。设置居中 1】加入table,包括tbody,tr,th同时设置margin的左右为auto;
2】diaplay:inline,同时用text-algin;
3】父元素设置float,position:relative；left：50%;子元素position:relative;left:50%.子元素可消除浮动。clear:...
五、框架
<frameset cols="20%,80%" rows="10%,80%，10%“>
<frame src=" " name=" " ...... >
</frameset>