与文本背景有关的属性整理

与文本背景有关的属性

一.与文本有关的属性

1.color 文字颜色

  • 注意:文字颜色的简写 ,#f00 要么是三位,要么是六位

2.font-size 文字的大小

  • 默认的字体大小是16px=medium 网站常用的字体大小为12px 14px em 倍数单位 一般用于首行缩进

3.text-intent 首行缩进

  • 首行缩进 可以取负值

4.font-family 字体

  • 默认的字体是宋体 英文的默认字体arial 多个字体用逗号隔开,中文需要加双引号,词组也需要加双引号

5.font-weight 文字加粗

  • bold bolder 600-900 加粗

  • normal 正常(不加粗)100-500

6.font-style: 文字倾斜

  • normal 正常(不倾斜)

  • italic oblique 倾斜

7.text-align:水平对齐方式

  • left 左 right 右

  • center 中 justify 两端对齐(多行)

8.vertical-align:垂直对齐方式

  • top middle bottom 需要是inline-block

9.注意:

  • 如果一个标签里有多行文字,想修改字之间的上下间距只能用行高,如果只有一行文字,padding和行高通用

10.text-decoration: 超链接要不要下划线 (文本的修饰线)

  • none 没有 underline 下划线

  • line-through 删除线 overline 上划线

11.letter-spacing 字间距

12.word-spacing 词间距

13.text-transform: 设置英文大小写

  • capitalize 首字母大小 lowercase 全部小写 uppercase 全部大写

14.总结:

  • font-size

  • font-family

  • color

  • line-height

  • text-align

  • text-decoration :none /underline

  • font-weight

  • font-style

  • text-indent

二.背景相关的属性

1.background-image 背景图

  • 背景图上可以放文字 也可以放表单 表格 再次插入图片

2.background-repeat 背景图是否重复(平铺)

  • repeat 默认值 重复

  • no-repeat 不重复

  • repeat-y Y重复

  • repeat-x X重复

3.background-position: 背景图的位置

  • 两个值 第一个值表示的是水平位置 left right center 数字

  • 第二个值表示的是垂直位置 top bottom center 数字

  • 当水平方向和垂直方向取值都是center,可以省略为一个

  • 水平方向取值为正 往右偏移 取值为负 往左偏移

  • 垂直方向取值为正 往下偏移 取值为负 往上偏移

4.background-attachment 背景图是否固定

  • fixed 固定

  • scroll 滚动 默认值

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@Doraemen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值