<html>
<head>
<title>HTML标题</title>
CSS代码含义：
a:link{ color:默认颜色}
a:visited{ color:已点击后颜色}
a:hover{ color:当用户划过链接时的颜色}
a:active{ color:当用户点击不放时的颜色}
.info a { color:颜色;}《最先实现级别》
a{color:颜色 !important 优先级强调}
p a{ color:颜色;}
类选择器
.???{}
ID选择器
#??{}
通配符选择器
*{}
派生选择器
p a{}
选择器的继承
body{}
选择器的优先级
标签选择器=1
类选择器=10
id选择器=100
内部样式表=1000
伪类=10
</head>：头部
<body >
属性：
bgcolor="#FFCCFF" 背景颜色
background=1.jpg 背景图片
属性：
background-repeat：repeat-x 背景图片水平平铺
background-repeat：repeat-y 背景图片垂直平铺
background-repeat：no-repeat 背景图片不重复
background-repeat：repeat 背景图片铺满整个空间
background-position 背景图片位置
属性：
top left ：顶端左边位置
top center：顶端居中位置
top right：顶端右边位置
left center：左边居中位置
center center：正中位置
right center：右边居中位置
bottom left：底部左边位置
bottom center：底部居中位置
bottom right：底部右边位置
leftmargin="页面左边距"
rightmargin="页面右边距"
<embed src="音乐文件位置/媒体视屏位置">
属性：
width="450":宽度
height="500"：高度
loop="1" :循环播放
showcontorols="1"：显示控制按钮
showstatusbar="1"：显示状态栏
autostart="1"：自动播放
<h1>：标题标记
属性：
align 对齐方式
<hr/>：水平线标记
属性：
noshade 水平线去掉阴影
width="水平线宽度数值%或像素值"
color：水平线颜色
size="高度（只能用像素值）"
<h2>二号标题</h2>
<h3>三号标题</h3>
<h4>4号标题</h4>
<h5>五号标题</h5>
<p>：段落内容 段落内容根据网页宽度进行自动换行显示。
'
<ol>：有序列表<ul>:无序列表
属性：
type:前缀类型
start:计数起始设计(有序列表)
<li>***</li>
<li>**</li>
<li>***</li>
<dl>定义列表
<dt>定义标题
<dd>定义解释
<a href >超级链接
属性：
name：定义和锚点
target：目标指向 （blank 新窗口打开 _parent 父窗口打开 _self 当前窗口打开 _top顶端窗口打开）
<pre>和P标签相似但会保留空格和换行符
<font>字体设置
'属性：
<font-size:**字体设置大小>
<font-color:颜色 字体颜色>
<font-face="字体设置">
<address>突出显示，一般用斜体显示
<em>一般强调，用斜体显示
<strong>特别强调，用粗体显示
<code>用等宽字体显示命令或计算机程序代码
<samp>用于字母序列，用等宽字体显示。
<kbd>用粗体等宽字体显示文字
<var>用较小的固定跨度字体显示字体，也可以表示一个程序的变量
<dfn>用于名词解释，通常用斜体来显示被解释的字体或名词缩写
<cite>用于标题文字通常用斜体来表示
<strike>删除线
<small>缩小字体
<big>放大字体
<sup>上标
<sub>下标
<b>粗体
<i>斜体
分区标签<div >
属性：
width:宽度;
height:高度;
background:DIV标签背景色
<img src="图像地址" >
属性：
alt="提示文字"
title="提示文字"
align:图像与文本对齐方式
border：边框像素值
hspace:水平边距
vspace:垂直边距
<span >：范围标记
属性：
style=color:red;范围内文字颜色
font-size:70px范围内文字大小
<marquee >：用于网页中需滚动显示的区域
属性：
scrolldelay="滚动时间"
direction（滚动方向）="up /down/left/right">
<table>表格
属性：
bgcolor:表格背景颜色
background:表格背景图
align表格中文本对齐方式
color 表格内文本颜色
cellspacing:相邻单元格距离属性
cellpadding边框与内容之间距离
border:表格边框
bordercolor 表格边框颜色
bordercolorlight 亮边框色
bordercolordark 暗边框色
<th>表格表头
<caption>表格标题
<colspan>合并行
<rowspan>合并列
表单
属性：
<input type:"text" 文本区域 action 提交后，由服务其上那个程序处理 method 指定想服务器提交的方法>
<text>单行文本输入
<password>密码框
<select>下拉列表
<submlt>提交按钮
<radio>单选按钮
<checkbox>复选框
<reset>重置按钮
<textarea>多行文本框
<frameset 框架标签 >
属性：
border:框架边框
name:框架名称
title:框架标题
rows="*,*,*" 框架内横排列网页/
cols="*，*，*" 竖排列
frameborder=".." 设置无框架边框
frame src="框架源网页地址"
srcrolling:是否显示滚动条
noresize:是否禁止调整框架大小
<frame>内链框架
<font-family>字体设置
属性：
color：颜色
font-size：字号
<text-transform>
属性：
none:默认值，无转换变化
capitalize:首字母大写
uppercase:字母全部大写
lowercase:字母全部小写
<text-drcoration>文本修饰
属性：
line-through:定义直线穿过文本，也叫删除线
blink:闪烁文本，大多浏览器不支持
underline:定义下划线文本
overline:定义上划线文本
<line-height>行高调整
属性：
%:行高设置为%单位
px：行高设置为像素值
em：使用em设置行高
<font>综合属性
style:字体样式
variant:小型大写字母
weight:字体加粗
size:字体大小
height:行高
family:字体名称
文本排版
属性：letter-spacing:字母之间距离
word-soacing:单词之间距离
vertical-align:垂直对齐
属性：baseline:内容与基线对齐
sub:文本的下标
super：文本的上标
top:将对象内容与对象顶端对齐
text-top:将对象文本与对象顶端对齐
middle:将对象内容与对象中部对齐
bottom:将对象内容与对象低端对齐
text-bottom: 将对象文本与对象顶端对齐
text-align：文本对齐方式
属性：
left:左对齐
right：右对齐
center：居中对齐
justify：两端对齐
text-indent：段落缩进
属性：
%：缩进的百分比
px：缩进的像素
em：缩进的emz值
white-space：空白区域属性
属性：
normal：自然换行，超出元素宽度换行
pre：保留换行和空白，IE6，且声明了DOCTTYPE才可用
nowrap：不换行，知道遇到标签为止
pre-wrap：同PRE属性超出容器范围自动换行
pre-line：同PRE属性连续空格看成一个空格
display:显示
属性：
none：此元素不会被显示
block：显示为块级元素，前后都会带有换行符
inline： 默认，内联元素，元素前后没有换行符
border:表格边框
属性：
none：没有边框
dashed:破折线边框
solid:直线边框
double:双线式边框
groove:槽线式边框
dotted：点线式边框
ridge:脊线式边框
inset:内嵌效果边框
outside:突起效果的边框
常见的块级标签：
div form
dl hr
menu pre
table ul
li p
常见的内联标签：
a br
em font
input span
img strong
list-style-type:列表样式
属性：disc:实心圆形点
circle:空心圆圈
square:正方形
decimal:十进制数字
none:无样式
list_style-position：列表位置
属性：inside:显示文本之内
outside：文本之外
div:层
属性：position:定位
属性：absolute：绝对定位
fixed:按照浏览器窗口定位
relative:相对定位
static:无定位
z-index：层的属性值
inherit：继承父层的属性
visible：该层可见
hidden:该层隐藏，不可见
width：宽度
height：高度
overflow：层的溢出属性
属性：visible：增加层的大小 显示层内所有内容
hidden：保持层的大小不变，将超出层的内容剪辑掉。
scroll：总是显示滚动条
auto：只有内容超出层的边界时才显示滚动条。
clip：层的剪辑
cursor：鼠标指针
属性：auto：自动
crosshair：十字
pointer：手指的形式表明有一个连接
wait：漏斗形式表明程序正忙
help：指针后带有问号。表明课得到帮助
text：文字内容
move：移动
n-resize：向上改变大小
s-resize：向下改变大小
e-resize：向右改变大小
w-resize：向左改变大小
ne-resize：向上右改变大小
nw-resize：向上左变大小
se-resize：向下右改变大小
sw-resize：向下左改变大小
not-allowed：禁止
progress：处理中
default：正常状态
filter：滤镜《只有ie浏览器有效果》
属性：
alpha：透明层次
blendtrans：产生一种淡入的效果
blur：模糊效果
chroma：制作专用的颜色透明
dropshadow：创建对象的固定影子
flipH：创建水平镜像的影子
flipV：创建垂直镜像的影子
glow：加光辉在附近对象的边外
gray：把照片灰度化
invert：反色
light：创建光源在对象上
mask：创建透明掩膜在对象上
revealtrans：可以随机产生32种动态效果
shadow：创建偏移固定影子
wave：波纹效果
xray：是对象变得像X光照射一样
<a href="#" class="button">按钮链接</a>:可根据字体颜色，背景颜色，边距大小来美化和设置
</body>：内容标记
</html>2014年6月16日00:07:44
<head>
<title>HTML标题</title>
CSS代码含义：
a:link{ color:默认颜色}
a:visited{ color:已点击后颜色}
a:hover{ color:当用户划过链接时的颜色}
a:active{ color:当用户点击不放时的颜色}
.info a { color:颜色;}《最先实现级别》
a{color:颜色 !important 优先级强调}
p a{ color:颜色;}
类选择器
.???{}
ID选择器
#??{}
通配符选择器
*{}
派生选择器
p a{}
选择器的继承
body{}
选择器的优先级
标签选择器=1
类选择器=10
id选择器=100
内部样式表=1000
伪类=10
</head>：头部
<body >
属性：
bgcolor="#FFCCFF" 背景颜色
background=1.jpg 背景图片
属性：
background-repeat：repeat-x 背景图片水平平铺
background-repeat：repeat-y 背景图片垂直平铺
background-repeat：no-repeat 背景图片不重复
background-repeat：repeat 背景图片铺满整个空间
background-position 背景图片位置
属性：
top left ：顶端左边位置
top center：顶端居中位置
top right：顶端右边位置
left center：左边居中位置
center center：正中位置
right center：右边居中位置
bottom left：底部左边位置
bottom center：底部居中位置
bottom right：底部右边位置
leftmargin="页面左边距"
rightmargin="页面右边距"
<embed src="音乐文件位置/媒体视屏位置">
属性：
width="450":宽度
height="500"：高度
loop="1" :循环播放
showcontorols="1"：显示控制按钮
showstatusbar="1"：显示状态栏
autostart="1"：自动播放
<h1>：标题标记
属性：
align 对齐方式
<hr/>：水平线标记
属性：
noshade 水平线去掉阴影
width="水平线宽度数值%或像素值"
color：水平线颜色
size="高度（只能用像素值）"
<h2>二号标题</h2>
<h3>三号标题</h3>
<h4>4号标题</h4>
<h5>五号标题</h5>
<p>：段落内容 段落内容根据网页宽度进行自动换行显示。
'
<ol>：有序列表<ul>:无序列表
属性：
type:前缀类型
start:计数起始设计(有序列表)
<li>***</li>
<li>**</li>
<li>***</li>
<dl>定义列表
<dt>定义标题
<dd>定义解释
<a href >超级链接
属性：
name：定义和锚点
target：目标指向 （blank 新窗口打开 _parent 父窗口打开 _self 当前窗口打开 _top顶端窗口打开）
<pre>和P标签相似但会保留空格和换行符
<font>字体设置
'属性：
<font-size:**字体设置大小>
<font-color:颜色 字体颜色>
<font-face="字体设置">
<address>突出显示，一般用斜体显示
<em>一般强调，用斜体显示
<strong>特别强调，用粗体显示
<code>用等宽字体显示命令或计算机程序代码
<samp>用于字母序列，用等宽字体显示。
<kbd>用粗体等宽字体显示文字
<var>用较小的固定跨度字体显示字体，也可以表示一个程序的变量
<dfn>用于名词解释，通常用斜体来显示被解释的字体或名词缩写
<cite>用于标题文字通常用斜体来表示
<strike>删除线
<small>缩小字体
<big>放大字体
<sup>上标
<sub>下标
<b>粗体
<i>斜体
分区标签<div >
属性：
width:宽度;
height:高度;
background:DIV标签背景色
<img src="图像地址" >
属性：
alt="提示文字"
title="提示文字"
align:图像与文本对齐方式
border：边框像素值
hspace:水平边距
vspace:垂直边距
<span >：范围标记
属性：
style=color:red;范围内文字颜色
font-size:70px范围内文字大小
<marquee >：用于网页中需滚动显示的区域
属性：
scrolldelay="滚动时间"
direction（滚动方向）="up /down/left/right">
<table>表格
属性：
bgcolor:表格背景颜色
background:表格背景图
align表格中文本对齐方式
color 表格内文本颜色
cellspacing:相邻单元格距离属性
cellpadding边框与内容之间距离
border:表格边框
bordercolor 表格边框颜色
bordercolorlight 亮边框色
bordercolordark 暗边框色
<th>表格表头
<caption>表格标题
<colspan>合并行
<rowspan>合并列
表单
属性：
<input type:"text" 文本区域 action 提交后，由服务其上那个程序处理 method 指定想服务器提交的方法>
<text>单行文本输入
<password>密码框
<select>下拉列表
<submlt>提交按钮
<radio>单选按钮
<checkbox>复选框
<reset>重置按钮
<textarea>多行文本框
<frameset 框架标签 >
属性：
border:框架边框
name:框架名称
title:框架标题
rows="*,*,*" 框架内横排列网页/
cols="*，*，*" 竖排列
frameborder=".." 设置无框架边框
frame src="框架源网页地址"
srcrolling:是否显示滚动条
noresize:是否禁止调整框架大小
<frame>内链框架
<font-family>字体设置
属性：
color：颜色
font-size：字号
<text-transform>
属性：
none:默认值，无转换变化
capitalize:首字母大写
uppercase:字母全部大写
lowercase:字母全部小写
<text-drcoration>文本修饰
属性：
line-through:定义直线穿过文本，也叫删除线
blink:闪烁文本，大多浏览器不支持
underline:定义下划线文本
overline:定义上划线文本
<line-height>行高调整
属性：
%:行高设置为%单位
px：行高设置为像素值
em：使用em设置行高
<font>综合属性
style:字体样式
variant:小型大写字母
weight:字体加粗
size:字体大小
height:行高
family:字体名称
文本排版
属性：letter-spacing:字母之间距离
word-soacing:单词之间距离
vertical-align:垂直对齐
属性：baseline:内容与基线对齐
sub:文本的下标
super：文本的上标
top:将对象内容与对象顶端对齐
text-top:将对象文本与对象顶端对齐
middle:将对象内容与对象中部对齐
bottom:将对象内容与对象低端对齐
text-bottom: 将对象文本与对象顶端对齐
text-align：文本对齐方式
属性：
left:左对齐
right：右对齐
center：居中对齐
justify：两端对齐
text-indent：段落缩进
属性：
%：缩进的百分比
px：缩进的像素
em：缩进的emz值
white-space：空白区域属性
属性：
normal：自然换行，超出元素宽度换行
pre：保留换行和空白，IE6，且声明了DOCTTYPE才可用
nowrap：不换行，知道遇到标签为止
pre-wrap：同PRE属性超出容器范围自动换行
pre-line：同PRE属性连续空格看成一个空格
display:显示
属性：
none：此元素不会被显示
block：显示为块级元素，前后都会带有换行符
inline： 默认，内联元素，元素前后没有换行符
border:表格边框
属性：
none：没有边框
dashed:破折线边框
solid:直线边框
double:双线式边框
groove:槽线式边框
dotted：点线式边框
ridge:脊线式边框
inset:内嵌效果边框
outside:突起效果的边框
常见的块级标签：
div form
dl hr
menu pre
table ul
li p
常见的内联标签：
a br
em font
input span
img strong
list-style-type:列表样式
属性：disc:实心圆形点
circle:空心圆圈
square:正方形
decimal:十进制数字
none:无样式
list_style-position：列表位置
属性：inside:显示文本之内
outside：文本之外
div:层
属性：position:定位
属性：absolute：绝对定位
fixed:按照浏览器窗口定位
relative:相对定位
static:无定位
z-index：层的属性值
inherit：继承父层的属性
visible：该层可见
hidden:该层隐藏，不可见
width：宽度
height：高度
overflow：层的溢出属性
属性：visible：增加层的大小 显示层内所有内容
hidden：保持层的大小不变，将超出层的内容剪辑掉。
scroll：总是显示滚动条
auto：只有内容超出层的边界时才显示滚动条。
clip：层的剪辑
cursor：鼠标指针
属性：auto：自动
crosshair：十字
pointer：手指的形式表明有一个连接
wait：漏斗形式表明程序正忙
help：指针后带有问号。表明课得到帮助
text：文字内容
move：移动
n-resize：向上改变大小
s-resize：向下改变大小
e-resize：向右改变大小
w-resize：向左改变大小
ne-resize：向上右改变大小
nw-resize：向上左变大小
se-resize：向下右改变大小
sw-resize：向下左改变大小
not-allowed：禁止
progress：处理中
default：正常状态
filter：滤镜《只有ie浏览器有效果》
属性：
alpha：透明层次
blendtrans：产生一种淡入的效果
blur：模糊效果
chroma：制作专用的颜色透明
dropshadow：创建对象的固定影子
flipH：创建水平镜像的影子
flipV：创建垂直镜像的影子
glow：加光辉在附近对象的边外
gray：把照片灰度化
invert：反色
light：创建光源在对象上
mask：创建透明掩膜在对象上
revealtrans：可以随机产生32种动态效果
shadow：创建偏移固定影子
wave：波纹效果
xray：是对象变得像X光照射一样
<a href="#" class="button">按钮链接</a>:可根据字体颜色，背景颜色，边距大小来美化和设置
</body>：内容标记
</html>2014年6月16日00:07:44
6879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
