web前端开发程序员必须知道的HTML常⽤代码汇总

html+css代码

⽂本设置

1、font-size: 字号⼤⼩

2、font-style: 字体格式

3、font-weight: 字体粗细

4、颜⾊属性color: ⽂本颜⾊

注意使⽤⽹页安全⾊

超链接设置

text-decoration: 参数

参数取值范围：

underline：为⽂字加下划线

overline：为⽂字加上划线

line-through：为⽂字加删除线

blink：使⽂字闪烁

none：不显⽰上述任何效果

背景

1、背景颜⾊

background-color: 设置背景⾊

2、背景图⽚

background-image: url(URL)

URL就是背景图⽚的存放路径，none表⽰⽆。

3、背景图⽚重复

background-repeat: 参数

参数取值范围 ：

no-repeat：不重复平铺背景图⽚

repeat-x：使图⽚只在⽔平⽅向上平铺

repeat-y：使图⽚只在垂直⽅向上平铺

如果不指定背景图⽚重复属性，浏览器默认的是背景图⽚向⽔平和垂直两个⽅向平铺。

4、背景图⽚固定

background-attachment: 参数

背景图⽚固定控制背景图⽚是否随⽹页的滚动⽽滚动。如果不设置背景图⽚固定属性，浏览器默认背景图⽚随⽹页的滚动⽽滚动。为了避免过于花哨的背景图⽚在滚动时转移浏览者的注意⼒，⼀般都设为固定。

参数取值范围：

fixed：⽹页滚动时，背景图⽚相对于浏览器的窗⼝⽽⾔，固定不动

scroll：⽹页滚动时，背景图⽚相对于浏览器的窗⼝⽽⾔，⼀起滚动

区块

1、单词间距

word-spacing: 单词间距

2、字母间距

letter-spacing: 字母间距

3、⽂本对齐

text-align: 参数

参数的取值：

left：左对齐

right：右对齐

center：居中对齐

justify：相对左右两端对齐

4、垂直对齐

vertical-align: 参数

top：顶对齐

bottom：底对齐

text-top：相对⽂本顶对齐

text-bottom：相对⽂本底对齐

baseline：基准线对齐

middle：中⼼对齐

sub：以下标的形式显⽰

super：以上标的形式显⽰

5、⽂本缩进

text-indent: 缩进距离

12px相当于⼀个⽂字距离

6、空格

white-space: 参数

参数取值范围：

normal 默认，空⽩会被浏览器忽略

pre 保留空⽩

nowrap ⽂本不换⾏

7、显⽰样式

display: 参数

参数取值范围：

block：块级元素，在对象前后都换⾏

inline：在对象前后都不换⾏

list-item：在对象前后都换⾏，增加了项⽬符号

none：⽆显⽰