CSS权威指南第六弹:颜色和背景

颜色

前景色

在这里插入图片描述
替换属性
body属性text、link、alink、vlink

影响边框
border-color设置的值会覆盖color值

影响表单元素
select元素和input元素

继承颜色
颜色可以继承

背景

背景色
background-color
在这里插入图片描述
特殊效果
背景颜色和前景颜色结合使用

背景图像
使用图像
在这里插入图片描述

背景属性不可继承
如果背景元素可以继承,那么body中的图像会在每个元素中完成一次平铺,这不是我们需要的。

有方向的重复
在这里插入图片描述

背景定位
在这里插入图片描述

关键字
背景定位需要最多两个关键字来决定水平和垂直方向
只有一个关键时,默认另一个为居中
在这里插入图片描述
百分数值
根据百分数的值确定定位
1.背景定位需要最多两个关键字来决定水平和垂直方向
2.只有一个关键时,默认另一个为居中
在这里插入图片描述
在这里插入图片描述
长度值
左上角作为原点

负数的作用
使背景图部分可见

关联
在这里插入图片描述
fixed表示图像相对于可视区是固定的,图像的位置由可视区的大小确定。但是可视区大小改变时,图像不会随着它发生改变。
scroll表示背景随其文档滚动,位置和文档宽度有关,与可视区大小无关

汇总
所有属性可以简写在一起
在这里插入图片描述
注:background-position中两个值(百分数与长度)必须一起出现,先水平再垂直

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值