常用代码整理
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
目录
一、网页代码 (2)
（一）文本段落 (2)
（二）、CSS基础 (4)
（三）、DIV：容器。 (5)
一、网页代码
（一）文本段落
1、网页名称
2、标题
3、段落
段落名称内容
4、网页链接网站名字
6、列表
7、有序列表
- 列表内容
8、无序列表
- 列表内容
9、插入图片
10、代码解释
11、网页换行
12、内容空格 ；
13、字体加粗加粗内容 加粗内容【b标签慢慢
在被淘汰】
14、无框表格
15、有框表格
16、表内无间歇
17、表间无间歇
18、表格大小height="150px" width="500px"
19、表格行
20、表格列
21、表格列
22、合并单元格
23、居中
24、表单格式
25、输入型表单
26、按钮
name=“btnReg”/>
27、清除/注册
28、下拉序列表选择框：
29、文字颜色style="color:颜色"
30、表格颜色style="border-color:颜色"
31、单表表宽高
32、表单输入对应类型：
Text……名字date……日期选单email……邮箱
button/submit……注册按钮reset……清空按钮
password……密码(掩码显示) radio……单选按钮
Checkbox……复选按钮submit……提交按钮
（二）、CSS基础
1、备注/*备注内容*/
2、文字大小font-size：数字px；font-size：数字em；font-size：数字%
3、文字粗细Font-weight：normal/bold/bolder/lighter
4、文字字体font-family：字体样式；
5、文本缩进text-indent:缩进字符数em;
6、使用样式类名
这是第二段文字
7、CSS颜色表示方式：h3{color:blue;} 使用颜色的英文名称作为属性值
h3{color:#0000ff;} 使用是十六进制数值
h3{color:#00f;} 第二种方式的简写
h3{color:rgb(0,0,255);} 使用给定红绿蓝3种颜色分量的十进制数值
h3{color:rgb(0%,0%,100%);} 使用给定红绿蓝3种颜色分量的百分比
8、设置字体倾斜效果font-style: normal; /*正常字体模式*/
font-style:italic;/*斜体*/
9、设置文字加粗效果
font-weight:nomail; /*正常*/
font-weight:bold; /*粗体*/
font-weight:bolder; /*加粗*/
font-weight:100/*范围100-900，数字越大字体越粗*/
10、文字的装饰效果text-decoration: none; /*正常显示（无下划、删除、上划线……）
*/
text-decoration: underline; /*下划线*/
text-decoration: line-through; /*删除线*/
text-decoration: overline; /*顶线（上划线）*/
11、段落样式text-indent:数字em；/*首行缩进距离*/
letter-spacing:数字px;/*英文字母间距离*/
word-spacing:数字px;/*英文单词间距离*/
line-height:数字；/*可用长度、倍数、百分比*/
text-align:lift/center/right/*文本水平位置左对齐、居中、右对齐*/
12、背景色与图像background-color:red; /*背景色*/
color:blue; /*前景色*/
background-image: url (bg.jpg)
13、图片缩放img{ width：数字%/数字px}/*相对宽度/绝对宽度*/
img｛height:数字%/数字px｝/*相对高度/绝对高度*/
14、图文混排vertical-align: 对齐方式; /* 文本与图片对齐方式*/
border-width: ; /*边框线条的粗细*/
border-color: ; /*边框的颜色*/
border-style: ; /*边框线型*/
（三）、DIV：容器。
可以放置任何html元素。
1、块级元素：div，h1—h6、p、li等，摆放的顺序默认情况下是从上到下摆放的；默认情况下高度是没
有的，款速是默认延伸到伏击元素的宽度。
2、行级元素：span、img、em、font等级都属于行级元素。默认情况下是么有宽度和高度；默认摆放顺
序是从左到右的摆放，摆满一行自动提行。
3、标准文档流：按照网页标准，元素在网页中所显示的位置。标准文档流就是网页里的元素按照标准所
显示的位置。
4、浮动：针对的是快捷元素。改变它所在的标准文档流的位置。Float: left\right\
5、padding：top，left，right，bottom