网页知识点汇总(重点)

网页设计课所需掌握的单词

html 超文本标记语言

一、html框架类标签

html -- 定义html文档

body -- 定义文档体body

head -- 定义文档头信息head

-- [[html注释]]标签

title -- 定义文档的标题title

二、html图像与链接类标签

a -- html链接标签a a标签的自身属性href 链接内容target 目标_blank新窗口_self 自身窗口

img -- html图像标签img img的自身属性src指定图片的位置width:宽度height高度

三、html文字相关标签

h -- 定义标题1至标题6 h1, h2, h3, h4, h5, h6

p -- html段落标签p

span--html的常用标无意义标签

div -- html层div

strong -- 定义要强调显示的内容strong

四、html列表标签

ul -- 定义html无序列表ul

li -- 定义html列表内容li

ol -- 定义html有序列表ul

li -- 定义html列表内容li

dl -- 定义html定义列表dl

dt -- 定义html中列表名词dt

dd -- 定义html中列表名词解释dd

五、html表格类标签

table -- 定义html表格table table的自身属性width：宽度border边框cellpadding 文字到边框的距离cellspacing单元格间距

tr -- 定义表格行tr

td -- 定义表格列td

六、html表单类标签

form -- html表单标签form

form的自身属性name---为该表单取个名字action 该表单的提交位置method---方法post 发送get获取input -- 定义一个表单的输入域input

#＝text(文本框)

#=password(密码框)

#=radio(单选按钮)

#=checkbox(复选框)

#=file(上传文件)

#=button(按钮)

#=submit(提交按钮)

#=reset(重置按钮)

select -- 定义可选择的html表单select

option----列表项

textarea -- 定义一个多行的文字输入域textarea

cols----列数

rows---行数

七、html水平线标签hr

color---水平线颜色

size----水平线的尺寸

CSS样式表

一、CSS的含义

层叠样式表

二、CSS的样式表几种

行内样式表

文字

内部样式表

链接式样式表 导入式样式表

三、CSS选择器

标签选择器p{ }

类别选择器.abc{ }

ID选择择器#abc{ }

伪类选择器a:hover a:link a:visited a:active

通用选择器*{ }

四、CSS属性有那些

1、文字段落属性（font/text）

font-family:"宋体"; ----字体

font-size:12px;----字大小

font-weight(加粗):bold(加粗)/normal(正常);

text-align(文本的水平对齐方式):left（左）/right（右）/center（居中）

text-indent:20px;---首行缩进

text-decoration(文本下划线):none（不加）/underline（下划线）

line-height:22px;----行高

2、背景属性(background)

background-color:#000; 背景颜色

background-image:url();背景图像

background-repeat:no-reapeat/reapeat-x/reapeat-y/reapeat;背景图像重复与否

background-position:left/center/top/bottom/right;背景图像的位置

background-attachment: 背景定位fixed：固定scroll滚动

3、边框属性(border)

border-top: 上边框

border-bottom: 下边框

border-left:左边框

border-right:右边框

border-style(边框样式):solid(实线)/dashed(虚线)/double(双线)/dotted(点线);

4、内外边距属性（padding/margin) padding给四个值顺序为：上右下左！

padding-left:20px;左内边距

padding-right:10px;右内边距

padding-top:10px;上内边距

padding-bottom:20px;下内边距

margin-left:20px;左外边距

margin-right:10px;右外边距

margin-top:10px;上外边距

margin-bottom:20px;下外边距

5、布局属性

float(浮动):left(左)/right（右）ibner

clear(清除):left(左)/right（右）both(两者)

6、项目列表属性

list-style(列表样式):none(没有)；

7、尺寸属性

width(宽):100px;

height(高):200px;

8 、定位：position: absolute(绝对定位) relative（相对定位）

9、显示属性

Display：block (块级) //在css中给行内元素这个属性就变成块元素了

inline (行内) //在css中给块元素这个属性就变成行内元素了

none (隐藏)

***行内元素的外边距只能设置左右边距不能设置上下！****

***

****清浮动（放在有浮动的div下让）Display：inline; 去IE6双边距

浮动解决：

给一个空的

或者给一个overflow:hidden;

z-index:数字; 设置层级

Document.body.clientwidth==>body对象宽度

Document.body.clientheight==>body对象高度