zoukankan      html  css  js  c++  java
  • 白话CSS3的新特性

    声明:这篇文章不是手册,所以不会说的很详细,只是告诉初学者CSS3显著的改进有啥,高手老手绕行。

    一、在边框上的改进

     1.可以给方框加圆角了,值越大越圆,解决了过去大方框的不美观

     2.可以给控件加阴影了,让控件看着更立体

     3.可以用图片做边框了,用类似于相框的图片最好。

    二、背景上的改进

     1.可以规定background-image的图片的大小/比例了,不像原来傻乎乎平铺或严丝合缝的切图。

     2.可以规定做背景图片所处的位置了,根据CSS盒模型的 border、padding和context的位置放背景图片。

     3.可以用多个背景图片作为一个背景呈现了,不过个人觉得这样不太好,中国这网速渲染背景得多费劲儿。

    三、文本上的改进

    1.给文本加阴影,这是逮着一种效果往死里用啊,阴影无处不在。

    2.可以自动换行了

    3.可以修剪文本了,如果文本超出区域我又不想换行,可以修剪,剪成省略的...也好,简单粗暴的不显示也罢,都可以。

    4.可以超脱p标签的限制和繁琐的缩进换行,让文本并列显示,类似于报纸的效果,一列一列的。

    四、字体上的改进

    1.当设计师们给我们千奇百怪的字体网站素材的时候我们很头疼,现在不必了,我们可以自定义字体,而且这种字体能够被用户的浏览器自动下载使用,这功能挺好,哈哈。PS:这种实现方法不是平常的CSS键值对,而是单用{}弄出来一个组。

    五、素材的二维转换

    1.我们现在可以对设计师们给的素材进行平移、放大、缩小、拉伸、转动操作,这是要撇开PS和JS的节奏啊。

    六、素材的三维转换

    1.当然现在主要的特效还是在 旋转上,有待完善啊。

    七、元素的过渡

    1.啥叫过渡?以上的2、3D转化它只是静止状态的,所以有了过渡。怎么实现捏?从当前状态到期望状态有一个过程,过去我们用JS实现,现在用CSS键值对就可以了,值里面附上属性和时间就OK了,利用伪类里的值作为目标进行触发,这也挺好。

    2.如果这过渡只是单行也没啥值得夸耀,它可以并行发生,挺好!

    八、动画效果

    1.跟过渡一个原理,只是不用伪类触发,它是连贯的自动发生的,相当于 setInterval里的脚本

    九、盒模型上的改进

    1.以后用户再想调节网页内容显示的大小可以不用拖拽浏览器了,在元素上拖拽就可以。

    2.又多了一个轮廓,不用div套div再费劲调居中也能实现的效果,就是再加个边框。当然IE和欧朋现在是不支持滴。

    就先总结这么多,以后再丰富

  • 相关阅读:
    让tabgroup在下方显示
    titanium好的学习网站推荐
    代码积累
    Ti.include和require的异同
    Titanium基本介绍
    Java微信支付开发之扫码支付模式一
    Java微信公众平台开发之用户管理(用户基本信息和关注列表)
    Java微信支付开发之公众号支付(微信内H5调起支付)
    Java微信公众平台开发之自定义菜单
    Java微信支付开发之扫码支付模式二
  • 原文地址:https://www.cnblogs.com/JhoneLee/p/3440334.html
Copyright © 2011-2022 走看看