3.6背景复合写法为了简化背景属性的代码,我们可以将这些属性合并简写在同一个属性background中。从而节约代码量 当使用简写属性时,没有特定的书写顺序,一般习惯约定顺序为:background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;background: transparent url (image.jpg) repeat-y fixed top ;这是实际开发中,我们更提倡的写法。3.7背景色半透明CSS3为我们提供了背景颜色半透明的效果。background: rgba (0, 0, 0, 0.3);*最后一个参数是alpha透明度,取值范围在0 ~1之间*我们习惯把0.3的0省略掉,写为background:rgba(0, 0, 0, .3);*注意:背景半透明是指盒子背景半透明,盒子里面的内容不受影响*CSS3新增属性,是IE9 +版本浏览器才支持的*但是现在实际开发,我们不太关注兼容性写法了,可以放心使用3.8背景总结属性作用值background-color背景颜色预定义的颜色值/十六进制/ RGB代码background-image背景图片url(图片路径)background-repeat是否平铺repeat/no-repeat/repeat-x / repeat-ybackground-position背景位置length/position 分别x和y是坐标background-attachment背景附着scroll(背景滚动)/fixed(背景固定)背景简写书写更简单背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;背景色半透明背景颜色半透明background:rgba(0, 0, 0, 0.3);后面必须是4个值背景图片:实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置(精灵图也是一种运用场景)CSS有三个非常重要的三个特性:层叠性,继承性,优先级。
2021-02-27
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 序号类名备注1text-decoration: noner去除a标签底下的线2行高=高单行文字垂直居中3backg...