admin 管理员组

文章数量: 887021


2023年12月18日发(作者:0的2进制ascii码)

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

html 超文本标记语言

一、html框架类标签

html -- 定义html文档

body -- 定义文档体body

head -- 定义文档头信息head

title -- 定义文档的标题title

-- [[html注释]]标签

二、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---水平线颜色

width---水平线的宽度

size----水平线的尺寸

align----水平线的对齐方式

CSS样式表

一、CSS的含义

层叠样式表

二、CSS的样式表几种

行内样式表

文字

内部样式表

链接式样式表

导入式样式表

三、CSS选择器

标记选择器

类别选择器

ID选择择器

伪类选择器

通用选择器(*)

四、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;----行高

display:block 显示(默认状态)------转为块级元素:

display:inline; -----转为行内元素:

display:none; -------设置元素隐藏:

verflow:hidden; ---------设置超出边界的文本内容隐藏

2、背景属性(background)

background-color:#000; 背景颜色

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

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

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

3、边框属性(border)

border-top: 上边框

border-bottom: 下边框

border-left:左边框

border-right:右边框

border-width:1px 边框粗细

border-collapse:collapse ;- ---- 设置边框重叠

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

border-color:#eeddff;边框颜色

4、内外边距属性(padding/margin)

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(右)

clear(清楚):left(左)/right(右)both(两者)

6、项目列表属性

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

7、尺寸属性

width(宽):100px;

height(高):200px;

8 、定位:position:absolute relative


本文标签: 定义 标签 列表 属性