css3新的UI方案

200 阅读1分钟
opacity属性指定了一个元素的透明度
默认值:1.0 不可继承

rgba(0,0,0,.3)带透明度

text-shadow用来为文字添加阴影,而且可以添加多层,阴影值之间用逗号隔开。
默认值:none 不可继承
text-shadow: pink 10px 10px 10px;(颜色,水平位移,垂直位移,模糊半径)

省略号
  1. overflow: hidden;
  2. white-space: nowrap;
  3. text-overflow: ellipsis;
  4. display: inline-block;

box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。
默认值:content-box 不可继承
box-sizing: border-box;( width 和 height 属性包括内容,内边距和边框)
box-sizing: content-box;( width 与 height 只包括内容的宽和高)

border-radius用来设置边框圆角。
默认值 : 0 不可继承

background-image: linear-gradient(to right, red, blue);(背景颜色渐变从左往右)
background-image:radial-gradient( red, blue);(背景颜色由原点(渐变中心)辐射开的颜色渐变)