2021-02-27

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有三个非常重要的三个特性:层叠性,继承性,优先级。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2.5元素显示模式转换特殊情况下,我们需要元素模式的转换,简单理解:一个模式的元素需要另外一种模式的特性比如想要增...
    赵倩倩_小20强化班阅读 158评论 0 1
  • 序号类名备注1text-decoration: noner去除a标签底下的线2行高=高单行文字垂直居中3backg...
    执着_7fb1阅读 306评论 0 0
  • # css: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择...
    欣简书阅读 157评论 0 0
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握...
    璐璐熙可阅读 744评论 0 0
  • 一、emmet 语法 emmet 语法快速生成 css 样式 1.如何设置宽高? w100→width: 100p...
    风来_阅读 546评论 0 0