07 2017 档案
摘要:使用盒布局 在CSS3中,通过box属性来使用盒布局,例子如下: 盒布局与多栏布局的区别 盒布局与多栏布局的区别在于:使用多栏布局时,各栏宽度必须是相等的,在指定每栏宽度时,也只能为所有栏指定一个统一的宽度,栏与栏之间的宽度不可能是不一样的,另外使用多栏布局时,也不可能具体指定书目栏中显示书目内容。
阅读全文
摘要:多栏布局 使用float属性或position属性的缺点: 使用float属性或position属性进行页面中的简单布局的例子。 使用float属性或position属性进行页面布局时有一个比较明显的缺点,就是第一个div元素与第二个div元素时各种独立的,因此如果在第一个div元素中加入一些内容的
阅读全文
摘要:Transitions功能使用方法 在css3中,transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能,可通过transitions属性来使用transitions功能。 transitions属性的使用方法如下所示: transitions:
阅读全文
摘要:transform功能 放缩 使用sacle方法实现文字或图像的放缩处理,在参数中指定缩放倍率,比如sacle(0.5)表示缩小50%,例子如下: 另外,可以分别指定元素水平方向的放大倍率与垂直方向的放大倍率,例子如下: 倾斜 使用skew方法来实现文字或图像的倾斜处理,在参数中分别指定水平方向上的
阅读全文
摘要:在border-radius属性中指定两个半径 在border-radius属性中,可以指定两个半径,指定方法如下所示: 针对这种情况,各种浏览器的处理方式并不一致,在chrome浏览器与safari浏览器中,会绘制出一个椭圆形边框,第一个半径为椭圆的水平方向半径,第二个半径为椭圆的垂直方向半径,在
阅读全文