**HTML**
常用标签
<meta http-equiv="refresh" content="60">
//该网页每60秒刷新一次
<meta http-equiv=”refresh” content=”60 url=http://www.sohu.com”>
该网页每60后跳转到搜狐网页。
<p></p>是段落级标签
<p align=”Center”>居中对齐。
<br>换行标签，上下俩行任然为一个段落。
<pre></pre>预排版标记，编辑得内容和页面显示的格式一模一样。
<sup></sup>标签内部文字比前方的文字高一些，并以更小的字体显示。
<sub></sub>内部的文字比前方的文字低一些。并以更小的文字显示。
<ul>
<li></li>
</ul>
无序列表，我们可以加入type=”形状名称”改变其形状符号。如square(小正方形)
<ol>
<li></li>
</ol>
有序列表。
<ol type=”1” start=”11”>
每一项的编号就变成11，12…….
<dl>
<dt>列表条目</dt>
<dd>说明</dd>
</dl>
自定义列表
<font colo=”” size=”” face=””></font>
Face属性可以给文字设置字体。
<img alt=”说明文字” align=”对齐方式”></img>
文本与图像的距离Vspace=# ,hspace=# #表示整数，单位是像素。前者指向纵向间距，后者指横向间距。
<hr width=”” size=”” align=”” color=”” noshade=””>水平线。Noshade=” noshade”没有阴影的水平线。
<marquee>我从右跑到左，不会停止。</marquee>
<marquee direction=”滚动的方向（left）” behavior=”scroll(一遍一遍向左走) ||slide(我只走一次就停)||alternate(我从右到左再从左到右)” loop=”循环次数，不设置无限循环” width=”滚动长度” height=”滚动高度” scrollamount=20(滚动的速度) scrolldelay=500(毫秒) align=”” hspace=”数值为与周围元素距离” vspace=” 数值为与周围元素距离”></marquee>
<bgsound src=”” loop=”没有值或者值为-1则无限循环播放”>
<body background=””>设置背景图片。
Line-height:150%(行间得距离)一个DIV占一行
Padding:0.5em (就是内补白是0.5倍得当前字高)
表格和表单的应用
<table border=“边框像素”></table>表格区域。
<tr></tr>行代码
<td></td>添加单元格
<table border=0（为0时边框消失） width=”” height=”” bordercolor=”边框颜色” bgcolor=”背景颜色” cellpadding=’文字与单元格边框的距离’
Cellspacing=’单元格之间的距离，一般设为1’>
<caption valign=’bottom’ align=’center’>表格标题</caption>
<th>表头</th>
<th>居中加粗</th>
<tr>
<td rowspan=”2”(行的合并)></td>
<td align=’center’ valign=’bottom’></td>
</tr>
<tr>
<td colspan=”2”(列的合并)></td>
</tr>
</table>
单元格内文字的位置
左中右用align属性来表示，分别为left center right
上中下用valign属性表示，为top middle bottom
<form name=”表单名称” method=”传送方式” action=”表单处理程序”>
<input name=’控件名称’ type=’控件类型’ size=’文本框再页面显示的长度，以字符为单位’ maxlength=’文本框或密码域最多输入的字符数’>
</form>创建表单
元素类型 说明
Text 文本字段
Password 密码域，用户输入时不显示具体内容用*表示
Radio 单选按钮
Checkbox 复选框
Button 普通按钮
Submit 提交按钮
Reset 重置按钮
Hidden 隐藏域
File 文件域
单选按钮
组中的每个单选按钮有相同的名称，属性checked表示单选按钮被选中。
<input type=’radio’ name=’sex’ value=’男’>男
<input type=’radio’ name=’sex’ value=’女’>女
复选框
<input type=’radio’ name=’tex1’ value=’a1’>上网
<input type=’radio’ name=’tex2’ value=’a2’>游泳
属性checked表示单选按钮被选中。
提交按钮
<input type=’submit’ name=’b2’ value=’提交表单’>上网
点提交按钮时会把表单数据提交指定地址
重置按钮（reset）
点击重置按钮后表单里的所有值被初始为value值。
隐藏域（hidden）
表单隐藏域为传递参数，再页面不显示。提交表单时，隐藏域的内容会被提交给指定程序处理。
文件域名（file）
在上传文件时常常会用到 文件域
<input type=’file’>
菜单列表类表单元素（select）
Select显示下拉列表option为每一项元素。
Select 属性
Size:在有多种选项供用户查看选择时，size确定列表中可同时查看到的行数。
Multiple:表示在列表中可以选择多项。
<select size=’2’ multiple>
<option></option>
<option></option>
<option></option>
</select>
文本域（textarea）
<textarea cols=’文本区域的宽度’ rows=’文本域包含的行数’>
多行输入控件，中间内容为文本框的初始值
</textarea>
CSS样式美化网页
常用CSS属性
属性 CSS名称 说明
font-style 设置或检索文本的字体样式是否 斜体等样式
font-weight 设置字体的粗细
字体属性
文本属性 text-indent 设置文本的第一行缩进取值可以是一个长度和百分比
Vertical-align 设置文本的纵向位置
尺寸及定位属性
Position 设置如何定位元素
z-index 设置层的层叠先后顺序和覆盖关系
元素选择器
P{ 样式属性：属性值}
群组选择器
H2 ,p{}
包含选择器
Ul li {}
Class选择器
.类名{}
Id选择器
#id名{} 一个id的属性对应一个标签
子元素选择器
如果用户只希望作为h1元素子元素的strong元素
H1>strong{}
这个规则只会把第一个H1下面的strong元素属性改变
相邻兄弟选择器
如果要增加紧接在H1元素后出现的段落上边距
H1+p{margin-top:50px;}
选择紧接着在h1元素后出现的段落，h1和P元素拥有共同的父元素
伪类及伪对象
设置超链接不带下划线， a{ text-decoration}
A:hover{
鼠标移动上去带下划线
Text-decoration:underline
}
A:active{
活动连接时候，颜色为绿色，并不带下划线
Color:green;
Text-decoration:none;
}
伪元素的语法：
Selector:pseudo-element{property:value;}
CSS类也可以与伪元素配合使用：
Selector.class:pseudo-element{property:value;}
:first-line伪元素
first-line伪元素用于给文本的首行设置特殊样式
p: first-line{
color:red
font-variant:small-caps;
}
P元素的第一行文本进行格式化。
下面的例子会使所有class为article的段落的首字母变为红色。
p.article:first-letter{
color:der;
}
<p class=”article”>This is a paragraph inn an article </p>
通配选择器
*代表所有即通配选择器
*{
Margin:0;
Padding:0;
}
通配选择器也可以用于选择器组合用：
Div*{color:der}
该例表示在
Body*{font-size:120%;}这时候他表示相乘，当然body也可以换成别的选择器。
将CSS应用于网页
行内样式表
可在标签内加上‘style’属性。
内部样式
它放在<head>标签内
<head>
<style></style>
</head>
外部样式表
分为链接外部样式表和导入外部样式表
链接外部样式表语法如下：
<head>
<link rel=’stylesheet’ type=’text/css’ href=’样式表文件.css’
</head>
导入样式表格式如下：
<head>
<style type=’text/css’>
@iimport 样式表.Css
</stryle>
</head>
左右margin加倍问题
定义：在标签里定义display:inline属性即可（内联）
文档流
文档流将窗体自上而下分成一行行，并在每一行中从左到右得顺序排放元素
浮动元素不占任何正常文档流空间。
盒子模型主要属性
内容（content）边框距（padding）边界（border）边距（margin）
浮动得清理
浮动得清理（clear）规定元素得那一侧不允许其他浮动元素出现。
Clear属性值
属性值 描述
Left 在左侧不允许出现浮动元素
Right 在右侧不允许出现浮动元素
Both 在左右俩侧均不允许出现浮动元素
None 默认值。允许浮动元素出现在两侧
Inherit 规定应该从父元素继承clear属性得值
538
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
