CSS特性

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;

新手初入博客,多多关照

膜拜大佬。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值