CSS
文章平均质量分 58
gsm123
这个作者很懒,什么都没留下…
展开
-
CSS3之变形处理
在CSS3中,使用transform属性来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。旋转:通过在样式代码中使用”transform: rotate(45deg)”语句使元素顺时针旋转45度。deg是CSS3的”Values and Units”模块中定义的一个角度单位。 缩放:通过scale方法来实现文字或图像的缩放处理,在参数中指定缩放倍率。例如”transform: sca原创 2015-12-13 23:40:43 · 1652 阅读 · 0 评论 -
CSS3之动画
CSS3中的动画分为transition和animation,这两个都能通过改变CSS中的属性值来产生动画效果。区别是:transition支持从一个属性值平滑过渡到另一个属性值,animation支持通过关键帧的指定来在页面上产生更复杂的动画。1. transitiontransition通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能。原创 2016-01-18 23:51:46 · 399 阅读 · 0 评论 -
CSS3之文字与字体相关样式
text-shadow 给文字添加阴影 用法:text-shadow: length length length color 前面三个length分别指阴影离开文字的横向距离、阴影离开文字的纵向距离和阴影的模糊半径,color指阴影的颜色(横向距离和纵向距离可以为负数)。 *使用text-shadow还可以给文字指定多个阴影。让文本自动换行 浏览器本身都自带着让文本自动换行原创 2015-12-05 18:41:57 · 948 阅读 · 0 评论 -
CSS3之盒相关样式
在CSS中,使用display属性指定盒的类型。总体来说,CSS中的盒分为block类型和inline类型。block类型的元素的宽度会占满整个浏览器的宽度,而inline类型的元素的宽度只等于其内容所占的宽度。因此,每一行只允许一个block类型的元素,而可以并列容纳多个inline类型的元素。 盒的类型1. inline-block看名字就知道,inline-block类型(在CS原创 2015-12-05 19:40:10 · 367 阅读 · 0 评论 -
CSS3之选择器
CSS3没有采用总体结构,而是采用了分工协作的模块化结构。CSS历史1996年12月,CSS1正式推出。1998年5月, CSS2正式推出。2004年2月, CSS2.1正式推出。2010年, CSS3正式推出。原创 2015-10-18 21:42:49 · 350 阅读 · 0 评论