css3
文章平均质量分 72
L_x_Ll
这个作者很懒,什么都没留下…
展开
-
多栏布局和盒布局
Web页面中的布局,是指在页面中如何对标题、导航栏、主要内容、脚注、表单等各种构成要素进行一个合理的编排。 css3之前,主要使用display+float+position进行页面简单布局,但是它们也存在一些缺点,譬如两栏或者多栏中元素高度不一时, 可能导致底部很难对齐。因此,css3中引入了一些新的布局方式,使用这些布局除了可以修改之前布局遇到的问题之外,还可以进行 更为便捷、更为复杂的原创 2016-03-22 16:46:02 · 666 阅读 · 0 评论 -
css3动画
CSS动画分为Transition功能和Animations功能 Transition功能支持从一个属性值平滑过渡到另一个属性值:在样式代码中,如果使用Firefox浏览器,需要写成“-moz-transition”的形式;如果使用Opera浏览器,需要写成“-o-transition”形式;如果使用的是Safari或者是Chrome浏览器,需要写成“-webkit-transtion”形式。原创 2016-02-28 20:16:07 · 419 阅读 · 0 评论 -
rem
在页面开发中,之前比较常用的css尺寸单位就是px和em。 px: 像素,是相对长度单位,相对显示屏分辨率而言,字体大小固定,浏览器无法自定义设置字体大小;em:指的是字体高,相对父元素的尺寸而言,一般body默认为16px,则1em=16px。em中计算公式如下: 元素字体大小计算:1/父元素的font-size * 需要转换的像素值 = em值 ; 元素没有设置字体大小时,padding原创 2016-10-18 18:14:30 · 464 阅读 · 0 评论 -
BFC、IFC、GFC、FFC
CSS2.1中只有BFC和IFC,上一篇文章简单介绍了一下BFC。现在来说一说BFC、IFC、GFC、FFC到底是什么! BFC(Block Formatting Contexts)直译为"块级格式化上下文"。Block Formatting Contexts就是页面上的一个隔离的渲染区域,容器里面的子元素不会在布局上影响到外面的元素,反之也是如此。如何产生BFC? float的值不为no转载 2016-10-28 21:40:21 · 647 阅读 · 0 评论