CSS3新增特性

1>RGBA透明度:在RGB上设置了Alpha透明值



    
        
        CSS3新增属性
        
    
    
        
1111
2222
3333
4444
5555
CSS3新增特性_第1张图片
界面效果图

2>块阴影与圆角阴影
box-shadow(标签块阴影)/text-shadow(文字块阴影)
border-radius 圆角
border -image 边框图片
形变:
transform:none | []

看网址:http://www.w3school.com.cn/h.asp

盒子模型

网页上的每一个标签都是一个盒子
每个盒子都有四个属性:
1.内容 content
盒子装的东西(常指文字和图片)
2.边框 border:盒子本身
3.填充,内边距 padding
4.边界 ,外边距 margin

CSS3新增特性_第2张图片
标准的盒子模型,每一个网页审查元素都可以看到这样的模型
CSS3新增特性_第3张图片
微软的IE盒子模型,差别在于内容的宽高规格不一样

只截图,用法看W3C教程网

CSS3新增特性_第4张图片
内容的属性介绍
CSS3新增特性_第5张图片
内边距的属性
CSS3新增特性_第6张图片
内边距的实例
CSS3新增特性_第7张图片
border边框属性
CSS3新增特性_第8张图片
外边距的属性

你可能感兴趣的:(CSS3新增特性)