CSS特性

一、CSS3 图像的背景

• 背景图片设定

• background
• CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。
• background-size规定背景图片的尺寸。
• background-size：cover
• cover把背景图片扩展至足够大，以使背景图像完全覆盖背景区域。
• 背景图像的某些部分也许无法显示在背景定位区域中。
• contain把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

二、CSS 颜色

• 颜色

• 十六进制色background-color：#0000ff
• RGB颜色：rgb(255,0,0)
• RGBA颜色：rgba(255,0,0,0.5)
• HSL颜色：hsl(120,65%,75%)
• HSLA颜色：hsla(120,65%,75%,0.3)

三、图像透明

• 透明

• CSS创建透明图像
• 注释：CSS opacity属性是W3C CSS推荐标准的一部分。
• filter：alpha（opacity=XX）是IE滤镜

四、颜色的渐变

• 渐变

• 渐变可以创建类似于彩虹的效果，低版本的浏览器不得不使用开发者用图片来实现，CSS3将会轻松实现网页渐变效果
• background：-webkit-linear-gradient(#ffffff,#000000)

五、图像的边框

• 个性化边框

• CSS3新增三个边框属性
  • border-radius：圆角边框
  • box-shadow：边框阴影
  • border-image：图片边框
• IE9+支持圆角和阴影

六、阴影

• 阴影

• 在CSS3中，box-shadow用于向方框加阴影

• 语法
  box-shadow：h-shadow v-shadow blur spread color inset；
  box-shadow：0px 1px 3px rgba(0,0,0.35)