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:⽹页滚动时,背景图⽚相对于浏览器的窗⼝⽽⾔,⼀起滚动

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值