CSS3 特性
其中重要的盒子模型,只有做多列布局块,
还有选择器、背景和边框、以及动画一些、和2/3D的转换。
有些特性,对浏览器的版本也有要求,版本低的浏览器所产生的效果和其他浏览器所产生的效果是有差别的。
如果CSS3 特性 搭配着HTML5来进行编辑,
建议可以看一下W3C的一些特性,对浏览器的兼容性能否,在页面中能否显示出来需要的效果,再进行编辑和对浏览器的选择。
搭配着五大浏览器,四大内核,每一个浏览器都有自己所使用的内核。
四大内核:
1、Tident内核,也称IE内核。
2、Webkit内核
3、Gecko内核
4、Blink内核
五大浏览器:
1、IE浏览器
2、Chrome浏览器
3、Fiefox浏览器
4、Safar浏览器
5、Opera浏览器
图片的介绍
一个页面,可以用到多个背景图片进行叠加,来达到自己所需要的效果。
背景图像大小有图像的实际大小决定,还可以缩小图片的百分比,也可以指定大小
CSS3中可以通过background-image属性添加背景图片
还可以设置图像的位置的区域,让图片放在你所想要页面的的一个位置:
div{
background:url(img.gif);
background-repeat:no-repeat; 背景不平铺
background-size:100% 100% 背景大小
background-origin:content-box; 这是从你DIV容器里面的边框开始布置图片。
}
还可以有文本内容的BOX 、还有边框的BOX、 以及图片的BOX。
CSS3 圆角了解
所谓圆角就是给页面添加一个边框的时候,通常都是一个长方形,给这个长方形进行一些美化,让它的四个
角变成园切状。
使用 CSS3 border-radius 属性,你就可以给每一个边框属性加圆角特性。
border-radius;
新手初入博客,多多关照
膜拜大佬。