CSS3

2016/10/26

CSS3新特性(07):选择器

, CSS3新特性(07):选择器
因为要考虑浏览器兼容性问题,所以刚出来新鲜可口的选择器我都不太会去用,所以导致写程序时,会用的选择器就这么几种最最常规的,为了技术精进,于是乎,我整理了所有我不常用的选择器,以后想起来要用,查这篇文章就可以啦,我常用的选择器也就标签、id、class这么实在可怜的几种,所以…… Continue Reading →
 838  0
2016/09/03

CSS3新特性(06):Flex

, , CSS3新特性(06):Flex
Flex是Flexible Box的缩写,意为"弹性布局",Flex布局将会是未来布局的首选方案,因为非常便捷,有必要好好学习下。不过目前浏览器支持不是很好,IE11开始才支持。 网上写的各种Flex的文章都说IE10也支持的,我想说,我像你保证IE10不支持的,至少不支持Flex里面的所有属性,所以既然只…… Continue Reading →
 932  0
2016/08/05

CSS3新特性(05):文本格式

, CSS3新特性(05):文本格式
CSS3新特性中关于文本方面的内容不少,会有两部分内容:文字渲染和文本格式。今天来谈谈最复杂的部分——文本格式。所谓文本格式,即是控制长文字的换行、空格,尤其以英文为主,中文没关系。不过今天谈的属性大多会在你制作文章页面时用上哟!好好听。 01.处理换行、空格和Tab:white-spac…… Continue Reading →
 834  0
2016/08/01

CSS3新特性(04):@font-face

, CSS3新特性(04):@font-face
@font-face是CSS3新特性中的一个模块,今天就来介绍下它。它主要是把自定义的Web字体嵌入到你的网页中。说白了就是可以帮助你在网页上使用漂亮的特殊字体,即非Web安全字体. 而不用担心,你的网页发布以后,浏览者的电脑万一没安装这个字体就坏事了的情况。一般不是专业从业人员,如设…… Continue Reading →
 1220  0
2016/07/22

CSS3新特性(03):Animation

, , CSS3新特性(03):Animation
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。 有时候,Transition过渡不能解决我们想要的动画效果,我们希望动画的过渡程度更加复杂有层次…… Continue Reading →
 734  0
2016/07/22

CSS3新特性(02):Transition

, , CSS3新特性(02):Transition
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。本文来介绍下Transition: W3C标准中的CSS3是这样描述Transition的,“CSS的transition允许CSS…… Continue Reading →
 741  0
2016/07/22

CSS3新特性(01):Transform(下)

, , CSS3新特性(01):Transform(下)
Transform除了旋转、偏移、缩放、倾斜这些transform-function外,本篇介绍另外剩余的边角料:基准点、透视、灭点等。 基准点:transform-origin 使用Transform方法进行文字或图像的变形时,是以元素的中心点为基准点进行变形。使用transform-origin属性,可以改变变形的基准点。 (1…… Continue Reading →
 696  0
2016/07/22

CSS3新特性(01):Transform(上)

, , CSS3新特性(01):Transform(上)
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。本文来介绍下Transform: CSS3新特性中的Transform,作用是变形,即修改元素自身的坐标空间。…… Continue Reading →
 748  0