next page

2016/10/27

前端布局之一:水平垂直居中布局

, 前端布局之一:水平垂直居中布局

这次讲的是布局中的居中布局,分为水平居中、垂直居中、水平垂直居中三个部分。html的代码均为以下相同的代码。 [crayon-5cbdd9e5b8eef197864542/] 要求里面的容器宽高是不确定的,外面的容器宽高也是不确定的,实现这三种布局的方法。 水平居中布局 (1)inline-block+text-align 这……

Continue Reading →
 1663  0
2016/10/26

CSS3新特性(07):选择器

, CSS3新特性(07):选择器

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

Continue Reading →
 838  0
2016/10/22

减脂探索系列04:日常保养

, 减脂探索系列04:日常保养

中医师的治疗过程一般分为三步骤,先看物质基础是否满足,比如肾精不足的就补肾填精,气血亏虚的就先养气血。肾经、气血、这些都是能量,不足就要补足,没别的特效药可代替。注意,是没特效药可以代替,只能老办法,循序渐进磨时间,慢慢一天一天的积累。 再看这些物质的运动状态,升降……

Continue Reading →
 1584  5
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