第一章 web前端开发技术综述
1.蒂姆.伯纳斯.李——开发创建Web
2.URL（Unifrom Resource Locator）统一资源定位器即：网页地址
URL由协议、主机域名及路径和文件名三个部分组成
协议类型：//服务器地址/路径/文件名
第二章 HTML基础
1.HTML文档结构
<!doctype html>
<html lang="en">
<head><!--头部 -->
<meta charset="UTF-8">
<meta name="Keywods" content="">
<meta name="Description" content="">
<title>网页标题</title>
</head>
<body><!--主体-->
输入的内容...
</body>
</html>
标签及属性:
meta标签
属性：
name：用于描述网页
content：是对name属性名的描述
body标签
属性：
text：文字颜色
topmargin：规定文档中上边距的大小
leftmargin：规定文档中左边距的大小
2.HTML基本语法
单标签：
<br/>标签：换行
<hr/>标签：水平分割线
属性：
width:宽度
size：高度
color：颜色
<hr width="" size="" alige=""/>
双标签：<元素名>内容</元素名>
基本标签:
hn标签：标题标签（n:1~6）
属性：
align：定义标题的对齐方式
<hn align="left/right/center/justify">...</hn>
p标签：段落标签
属性：
align：定义标题的对齐方式
<p align="left/right/center/justify">...</p>
font标签：字体标签
属性：
size:定义字体大小(值：+1~+7;-1~-7)
color:定义字体颜色
face：定义字体型号
<font face="" size="" color="">文本内容...</font>
文本标签：
b标签和strong标签：定义粗体文字效果
i标签和em标签：定义斜体
big标签：定义字体变大字号
small标签：定义字体变小字号
sup标签：定义上标
sub标签：定义下标
del标签：定义删除线
u标签：定义下划线
pre预格式化标签：可以保留设计者在源文件中定义的格式
1.布局标签：div
div标签：块标签（它会独占一行，主要用于布局）
属性：
id:规定元素的唯一id
class:规定元素的类名
style：规定元素的行内样式
<head><style 属性="属性值"...>...</style></head>
属性及其值：
position:定义图层的定位方式。取值如下：
static:表示静态定位，默认设置
absolute:表示绝对定位，与位置属性配合使用
relative:表示相对定位，图层不可层叠
fixed:表示图层位置固定，不滚动
border:设置边框
background-color：背景颜色
left：规定图层左边距离
top：规定图层与顶部的距离
width：规定图层的宽度
height：规定图层的高度
float：允许浮动元素在左边、右边、及不浮动
left：左
right：右
none：不浮动
clear：分别表示清除浮动和允许浮动
left：左
right：右
both：左右两边
none：不浮动
display：表示按块元素显示、行内方式显示和隐藏
block：将对象设置成块级元素，以块状显示，自动换行
inline：将对象设置成行内元素，在行内显示
none：此元素不会被显示
inline-block：将对象设置为行内块标记
inherit：规定应该从父元素继承display属性的值
z-index:设置图层的层叠的上下层关系（其值用数字表示;只有当position的值是adsolute或fixed时，该属性才有效）
overflow：内容溢出控制
scroll：分别表示始终显示滚动条
visible：不显示滚动条，但超出部分可见
auto：内容超出时显示滚动条
hidden:超出时隐藏内容
span标签：行内标签（不会独占一行，用于勾选需要CSS修饰的内容）
第三章 列表
1.无序列表
ul标签：无序标签（块元素，双标签）
li标签：定义列表的每一个子项
属性：（两个标签属性相同）
type
取值：
disc:实心圆形
circle:空心圆形
square:实心正方形
基本语法：
<ul type="">
<li type="">内容<li>
<li type="">内容<li>
...
</ul>
2.有序列表
ol标签：有序标签（块元素，双标签）
属性：
type：定义编号类型（有五种类型：1、a、A、i、I）
start:定义起始编号数
li标签：定义列表的每一个子项
属性：
type：定义编号类型
value：改变当前编号序列，并影响后面编号
基本语法：
<ol type="" start="">
<li type="" value=""></li>
<li type="" value=""></li>
...
</ol>
3.定义列表
dl标签：定义列表标签
dt标签：定义列表中元素标题名
dd标签：用于描述或者解释元素标题
基本语法：
<dl>
<dt>标题1</dt>
<dd>描述1</dd>
<dd>描述2</dd>
<dt>标题2</dt>
<dd>描述1</dd>
<dd>描述2</dd>
...
</dl>
第四章 超链接与浮动框架
1.超链接
a标签：超链接标签
属性：
href:链接指向的目标文件（必写）
name:规定锚（anchor）的名称
title：指向链接的提示信息
target：指向打开的目标窗口
取值：
_self：在当前框架中打开链接
_blank：在一个全新的空白窗口中打开链接
_top：在顶层框架中打开链接，也可以理解为在根框架中打开链接
_parent：在当前框架的上一层打开链接
framename：在指定的框架或浮动框架内打开链接，框架名称可以自定义
基本语法：
<a href="所需跳转的页面地址URL" name="" title="提示信息" target="窗口名称">超链接标题</a>
2.超链接路径
绝对路径：指文件的完整路径，包括盘符或文件传输的协议http、ftp等
相对路径：指相对于当前文件的路径，从当前文件所在位置指向目的文件的路径。
相对位置的输入方法：
同一目录：直接输入文档链接（目录名）
链接上一目录：先输入../ 再输入目录名
链接下一目录：先输入目录名，后加/
语法：
<a href="">...</a>
3.浮动框架
iframe标签：浮动框架标签
属性：
src:在iframe中显示的文档的URL
frameborder:设置框架边框
name:设置框架名称
scrolling:设置框架滚动条
height:设置浮动框架的窗口高度
width:设置浮动框架的窗口宽度
marginwidth:设置框架左右边距
marginheight:设置框架上下边距
基本语法：
<iframe src="" frameborder=""...></iframe>
第五章 图像与多媒体文件
1.图片
img标签:图片插入标签（单标签 行内元素）
属性：
src:图像地址URL
alt:图像文字说明（当图片无法显示时提示）
title:图像说明（鼠标放在图片上时显示）
name:规定图像名称
align:设置图像对齐方式
取值：
top:图像的顶端和当前行的文字顶端对齐
middle:图像水平中线和当前行的文字中线对齐
bottom:图像低端和当前行的文字低端对齐
left:图像左对齐，浮动游离于文字之外，文字环绕图像周围
center:图像中线和当前行的文字中线对齐
right:图像右对齐，浮动游离于文字之外，文字环绕图像周围
heigth:定义图像高度
width:定义图像宽度
border:定义图像周围边框
hspace:定义图像左侧和右侧的空白
vspace:定义图像顶部和底部的空白
usemap:设置图像热区链接
基本语法：
<img src="图像地址" usemap="#图像名称">
<map name="图像名称">
<area shape="热区形状" coords="热区坐标" href="URL">
</map>
属性及取值：
shape:形状
取值：rect:矩形区域;circle:圆形区域;poly:对边形区域
coords:坐标
取值：x1,y1,x2,y2:代表矩形两个顶点的坐标
x,y,z:代表圆心和半径
x1,y1,x2,y2...:代表各顶点坐标
基本语法：
<img src="图片地址URL" alt="图片说明"...>
注：img标签连续使用时，图片之间会有间隙。常用的解决办法：
1.给img标签加一个css：
img{float: left;}
2.在父级标签中加一个css属性：
{font-size: 0px;}
2.音频、视频及Flash文件
audio标签：音频标签
属性：
src:定义音乐文件路径RUL
autoplay:自动播放
controls:显示播放按钮
loop:设置循环播放
基本语法：
<audio src="URL" autoplay="autoplay"...></audio>
video标签：视频标签
属性：
src:定义视频文件路径RUL
autoplay:自动播放
controls:显示播放按钮
height:设置视频播放器的高度
width：设置视频播放器的宽度
poster：规定视频页面显示的图片（取值为图片地址URL）
loop:设置循环播放
基本语法：
<video src="URL" controls="controls"...></video>
3.滚动文字
marquee标签：添加滚动文字
属性：
width:设置背景宽度
height：设置背景高度
hspace:设置文字水平空白空间
vspace:设置文字垂直空白空间
bgcolor:背景颜色
loop:设置循环次数
direction：设置文字滚动方向
取值：
up:向上滚动
down:向下滚动
left:向左滚动（默认值）
right:向右滚动
behavior:滚动方式
取值：
slide:滚动一次就停止
alternate:来回交替滚动
scroll:循环往复滚动（默认值）
scrollamount：设置文字滚动速度
scrolldelay：设置文字滚动延迟时间
onMouseOver="this.stop()":当光标移动到滚动区时，滚动内容停止
onMouseOver="this.start()":当光标移出滚动区时，滚动内容继续滚动
语法：
<marquee width="" height=""...>滚动内容</marquee>
第六章 表格
1.表格的基本标签
table标签:定义表格标签
caption标签:表格标题标签
tr标签:表格的行标签
th标签:表格表头标签(默认效果：居中、加粗)
td标签:表格的列标签
thead标签:定义表格中的表头内容
tbody标签:定义表格中的主体内容
tfoot标签:定义表格中的页脚内容
基本语法：
<table 属性="属性值" ...>
<caption>标题</caption>
<tr>
<th></th>...
</tr>
<tr>
<td></td>...
</tr>
</table>
注：快捷写法——table>tr*4>td*4
2.表格的基本属性
align:规定表格相对周围元素的对齐方式
left:左边对齐
center:中间对齐
right:右边对齐
bgcolor:规定表格的背景颜色
background:规定表格的背景图像
border:规定表格边框的宽度
height:规定表格的高度
width:规定表格的宽度
frame:规定外侧边框的可见部分
above:显示上边框
below:显示下边框
hsides:显示上下边框
vsides:显示左右边框
lhs:显示左边框
rhs:显示右边框
botrder:显示上下左右边框
void:不显示边框
rules:规定内侧边框的可见部分
all:显示所有内部边框
none:不显示内部边框
rows:仅显示行边框
cols:仅显示列边框
groups:显示介于行列间边框
cellpadding:规定单元边沿与其内容之间的空白
cellspacing:规定单元格之间的空白
3.表格的合并
rowspan:跨行合并(跨了n行，就把它下面的n-1个tr内所对应的td删掉)
语法：<td rowspan="n">...</td>
colspan:跨列合并(跨了n列，就把它所在行后面的n-1个td删掉)
语法：<td colspan="n">...</td>
第七章 表单
1.表单的基本标签及属性
form标签:定义表单区域
属性：
name:规定表单的名称
action:规定提交表单时，向何处发送表单数据(地址)
url:地址链接
method:规定发送表单数据的方式
post:可以发送大量数据，安全性高
get:发送数据的格式：(?属性值=输入值&属性值=输入值)只能发送少量数据，以明文的方式发送数据。不安全
enctype:规定在发送表单数据之前如何对其编码
multipart/form/data:上传文件(图片)时必须指定为它。一般都是用默认模式
target:规定在何处打开action URL
_self：在当前框架中打开链接
_blank：在一个全新的空白窗口中打开链接
_top：在顶层框架中打开链接，也可以理解为在根框架中打开链接
_parent：在当前框架的上一层打开链接
framename：在指定的框架或浮动框架内打开链接，框架名称可以自定义
label标签：当需要选择时，点击文字就能选中
语法：<label><input type="" name="" id="" />内容</label>
fieldset标签：定义域标签
legend标签：定义域标题标签
align:定义标题位置(left/center/right)
域标签语法：
<form>
<fieldset>
<legend align="">域标题</legend>
</fieldset>
</form>
input标签:输入框标签(单标签)
属性：
name:定义input元素的名称
type属性值:
text:规定为单行文本输入框(此时有以下相应属性)
name:定义input元素的名称
maxlength:规定输入内容的最大长度
size:定义字符串的宽度
readonly:规定文本框中内容只读，不能修改和编辑
value:规定input元素的默认值
placeholder:定义输入框中的提示字
password:规定为密码输入框(此时有以下相应属性)
name:定义input元素的名称
maxlength:规定输入内容的最大长度
size:定义字符串的宽度
value:规定input元素的默认值
placeholder:定义输入框中的提示字
submit:规定为提交按钮框(此时有以下相应属性)
value:是提交按钮显示的内容
button:规定为普通按钮(通常结合js来做效果)
name:定义input元素的名称
value:规定提价按钮显示的值
onclick:绑定事件代码，自定义函数或直接使用脚本代码
reset:规定为重置按钮(此时有以下相应属性)
name:定义input元素的名称
value:是提交按钮显示的内容
file:规定为文件选择框
name:定义input元素的名称
value:规定input标签的值
radio:规定为单选按钮(此时有以下相应属性)
name:定义input元素的名称(name值必须一致)
value:选择内容的命名
checked:预先选定
checkbox:规定为多选按钮(此时有以下相应属性)
name:定义input元素的名称(name值必须一致)
value:选择内容的命名
checked:预先选定
image:规定为图像按钮
name:定义input标签的名称
src:定义图像的URL
width:规定图像的宽度
height:规定图像的高度
hidden:规定为隐藏框
name:定义input标签的名称
value:规定input标签的值
2.下拉列表框
select标签：定义下拉框
name:定义select标签的名称
size:规定下拉框中可见选项的数目
multiple:规定可多选
option标签:定义每一个子项
value:规定列表项的值
selected:设置预选列表项
3.多行文本域
textarea标签:定义多行文本域
name:定义textarea标签的名称
rows:定义文本域的行数
cols:定义文本域的列数
wrap:规定换行模式
4.活动框架
iframe标签：定义活动框架标签
属性：
src:所要显示的文档的URL
frameborder:设置是否显示边框
0:无边框
1:有边框
height:设置框架高度
width:设置框架宽度
name:设置iframe的名称。在<a>标签的taget属性中写这个名会让链接在活动框架中打开
scrolling:设置是否显示滚动条
语法：<iframe src=""...></iframe>
5.框架集
frameset标签：定义框架(不能使用body标签)
属性：
rows：表示要分成几行，一般用逗号","隔开
cols：表示要分成几列，一般用逗号","隔开
frame标签：(单标签)
属性：
src:需在此显示的链接地址
name:设置名称。在<a>标签的taget属性中写这个名会让链接在活动框架中打开
scrolling:设置是否显示滚动条
noresize:表示不能拖动或缩小
语法：
<frameset rows="20%,80%">
<frame src="" ...>
<frameset cols="20%,80%"><!-- 嵌套 -->
<frame src="" ...>
<frame src="" ...>
</frameset>
</frameset>
第八章 CSS基础
1.CSS的基本语法
selector(选择器) /*选择器可以是HTML标签名称或者属性的值，也可以是自定义的标识符*/
{
property(属性):value(属性值);...;
}
2.CSS的三种引用方式
内联式：直接写在标签上
<p stle="color:erd;"...>内容</p>
内部式：在head(头部)标签内写
<style type="text/css">
选择器{
属性:属性值;
}
</style>
外链式：
先新建一个外部的css文件
引入外部的scc文件<link rel="stylesheet" type="text/css" herf="文件URL"/>
3.CSS选择器的类型
基本选择器:
(1)类选择器：
定义方法：.类的名称(可以自定义)
调用方法：class="类的名称"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.lcf{
color: red;
}
</style>
</head>
<body>
<p>类选择器1</p>
<p class="lcf">类选择器2</p>
<p class="lcf">类选择器3</p>
</body>
</html>
(2)ID选择器:(注：每个id属性的取值必须唯一，且只能用于指定一个标签)
定义方法：#ID名称（可自定义）
调用方法：id="ID名称"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.lcf
{
color: red;
}
#ID
{
color: blue;
}
</style>
</head>
<body>
<p>类选择器1</p>
<p class="lcf">类选择器2</p>
<p>类选择器3</p>
<p id="ID">ID选择器</p>
</body>
</html>
(3)标签选择器：只能使用HTML内置的标签，不能自己定义(注：一般用于批量格式化)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.lcf
{
color: red;
}
#ID
{
color: blue;
}
p
{
font-family: "微软雅黑";
font-size: 30px;
}
</style>
</head>
<body>
<p>类选择器1</p>
<p class="lcf">类选择器2</p>
<p>类选择器3</p>
<p id="ID">ID选择器</p>
</body>
</html>
(4)通用选择器：(注：优先级底，一般用于初始化工作)
*号选择器，也称为通用选择器，用于选择所有的HTML标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.lcf
{
color: red;
}
#ID
{
color: blue;
}
p
{
font-family: "微软雅黑";
font-size: 30px;
}
*
{
color: green;
}
</style>
</head>
<body>
<p>类选择器1</p>
<p class="lcf">类选择器2</p>
<p>类选择器3</p>
<p id="ID">ID选择器</p>
<h1>通用选择器1</h1>
<div>通用选择器2</div>
</body>
</html>
注：真实项目中，先定义通用，再定义标签，然后定义类或者ID
复合选择器:
(1)包含选择器（后代选择器:E1 E2）选择所有被E1包含的E2（可以隔代选择）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div p
{
color: red;
}
</style>
</head>
<body>
<p>包含选择器（后代选择器)</p>
<div>
<p>包含选择器（后代选择器)</p>
<p>包含选择器（后代选择器)2</p>
<ul>
<li><p>包含选择器（后代选择器)3</p></li>
</ul>
</div>
</body>
</html>
(2)子选择器（父子选择器:E1>E2）选择所有作为E1子对象的E2（不可以隔代选择）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div>p
{
color: red;
}
</style>
</head>
<body>
<p>子选择器（父子选择器)</p>
<div>
<p>子选择器（父子选择器)</p>
<p>子选择器（父子选择器)2</p>
<ul>
<li><p>子选择器（父子选择器)3</p></li>
</ul>
</div>
</body>
</html>
(3)分组选择器（并列选择器，选择器之间共用同一个样式:E1,E2,E3）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.lcf1,.lcf2,.lcf3
{
color: red;
}
.lcf1
{
font-family:"黑体";
}
.lcf2
{
font-size:30px;
}
.lcf3
{
font-family: "仿宋";
}
</style>
</head>
<body>
<p class="lcf1">分组选择器1</p>
<p class="lcf2">分组选择器1</p>
<p class="lcf3">分组选择器1</p>
</body>
</html>
(4)相邻选择器（相邻关系，仅仅指下一个:E1+E2）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h1+p
{
color: red;
}
</style>
</head>
<body>
<h1>相邻选择器1</h1>
<p>相邻选择器2</p>
<p>相邻选择器3</p>
<p>相邻选择器4</p>
<h1>相邻选择器5</h1>
<p>相邻选择器6</p>
</body>
</html>
（5）兄弟选择器（选择E1后面所有的E2:E1~E2）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h1~p
{
color: red;
}
</style>
</head>
<body>
<h1>兄弟选择器1</h1>
<p>兄弟选择器2</p>
<p>兄弟选择器3</p>
<p>兄弟选择器4</p>
<h3>兄弟选择器5</h3>
<p>兄弟选择器6</p>
<p>兄弟选择器7</p>
</body>
</html>
（6）属性选择器:
(1)E1[属性名]
例：img[alt]
指选择具有alt属性的img标签
(2)E1[属性=属性值]
伪类选择器:
在<a>标签中，超链接有四种不同的状态：未访问状态（link）、鼠标悬停状态（hover）、已访问链接（visited）、当前点击的活动链接（active）。CSS允许对于元素的不同的状态，定义不同的格式化信息。
例：（在头部书写）
a:link/a:hover/a:visited/a:active
{ color<!-- 链接颜色 -->:red;
text-decoration<!-- 是否要下划线 -->:none/underline;
}
4.CSS的优先级
行内样式>id选择器>类选择器>标签选择器
第九章 CSS样式属性
1.字体属性——Font
font-family:字体名称
font-size:字体大小
font-weight:字体粗细
font-style:字体样式
line-height:行高距离
color：字体颜色
复合属性：（值与值之间用空格分离）{font:字体大小/行高 其它}
2.文本属性——text
text-decoration:修饰线
none:无划线
underline:下划线
line-through:贯彻线（删除线）
overline:上划线
blink:闪烁
letter-spacing:单个字间距
text-transform:修饰英文大小写
none：不转换
uppercase:大写字母
lowercase:小写字母
capitalize:文本中的每个单词以大写字母开头
word-spacing:每个单词之间的间距(只对英文有效)
text-align:水平对齐方式(只能修饰文字)
left：左对齐
right：右对齐
center：居中
vertical-align:垂直对齐(只对表格的单元格有效，对盒子模型无效)
top:把元素的顶端与行中最高元素的顶端对齐
middle:中部对齐
bottom:把元素的顶端与行中最低元素的顶端对齐
text-top:把元素的顶端与父元素的顶端对齐
text-bottom:把元素的底端与父元素的底端对齐
text-indent:文本缩进
数字+em(注：一个em表示一个空格)
white-space:是否自动换行
normal:默认
pre:预处理模式
nowrap:不换行
text-overflow:文本溢出标识
clip:简单的裁剪
ellipsis:溢出时显示省略号
注：text-overflow通常与white-space:nowrap;overflow:hidden;配合使用
3.背景——background
background-color：背景颜色
background-image:背景图片
语法：background-image:url("图片地址及名称")
background-repeat:图片的填充方式
repeat：完全填充
no-repeat：不使用图片重复填充
repeat-x：横向填充
repeat-y：纵向填充
background-position：背景图起始位置(可直接用坐标来定位：-xpx -ypx)
top：顶端 center：中间 bottom：底部(横坐标)
left：左边 center：中间 right：右边(纵坐标)
background-size：背景图片尺寸
cover：将图像等比缩放，可超出容器
contain：将图片等比缩放到与容器等宽等高，不会超出容器
background-attachment：设置背景图片是否随滚动条一起滚动
scroll：默认。会滚动
fixed：锁定背景，禁止滚动
复合属性(background:背景颜色 背景图像 背景填充 背景位置)
4.列表样式
list-style-type:设置列表类型
disc:实心圆 decimal:实心方块
circle:空心圆 decimal:阿拉伯数字
lower-roman:小写罗马数字 upper-roman:大写罗马数字
lower-alpha:小写英文字母 upper-alpha:大写英文字母
none：不使用项目符号
list-style-image:设置列表替代图片（无法改变图标的位置问题，不常用）
url"图片地址":加载图片
none:不使用图片样式
list-style-position:设置图像位置
outside:默认值，把图标放在列表外
inside:把图标放在列表内
用背景图片来代替：
background:url("图片链接") no-repeat;<!-- 填充图片 -->
background-position:Xpx Ypx; <!-- 用坐标法来给图标定位 -->
height: <!-- 定义图片高度 -->
line-height: <!-- 定义文本行高 -->
padding-(top/right/bottom/left): <!-- 定义内边距 -->
5.css盒子模型
在盒子模型中，重要的概念有：
内容(content)：文字和图片，还可以是其它的盒子
边框(border)：盒子的边线
填充(padding)：内容距离边框的间距（内边距）
边界(margin)：盒子与盒子间的距离
注：边界、边框、填充都有上、右、下、左这四个属性,可单独定义属性。
盒子大小的属性：
width:盒子宽度
height:盒子高度
min-height:最小高度(当内容超出预设高度时，盒子高度会自动延伸)
max-height:最大高度(当内容小于预设高度时，会自动适应高度，但当内容超出最大高度时还是会溢出)
填充属性的设置(内边距)：
语法：padding-(top/right/bottom/left):长度\百分比
边界属性的设置(外边距)：
语法：margin-(top/right/bottom/left):长度\百分比
边框属性的设置：
border-style:边框样式
none:定义无边框
solid:定义实线
dashed:定义虚线
dotted:定义点状
border-width:边框宽度
border-color:边框颜色
边框的复合属性：
border-(top/right/bottom/left):样式 宽度 颜色
6.表格单元格的设置
border-collapse:设置表格的边框是否合并为单一边边框
separate:分开（默认）
collapse:合并
td,th <!-- 第一步：制作单元格的边框线（中间是双线）-->
{
border:样式 宽度 颜色;
}
table <!-- 第二步：把中间双线合并为单线 -->
{
border-collapse:collapse;
}
7.鼠标的形状设置
cursor:鼠标形状
pointer：手型
move：移动箭头
auto：自动
第十章 HTML5基础与CSS3应用
1.HTML5新增结构元素
元素语法:
<body>
<header>
<nav>...<nav>
</header>
<article>
<section>...<section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
2.标签介绍
header标签：用于标记定义文档和区域的页眉
nav标签：代表页的一个部分，可以作为页面导航的链接组
article标签：它代表一个独立的，完整的相关内容块，可独立与页面其它内容使用
section标签：定义文档中的节
aside标签：用来说明其包含的内容与页面主要内容的关系，但不是该页面的一部分（就像注释一样）
footer标签：定义section或文档的页脚
3.新增页面元素
hgroup标签：
1820
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
