摘要: css3提供了3D转换功能。允许使用3D转换来对元素进行格式化 transform:rotateX(360deg); //X轴旋转360 transform:rotateY(360deg); //Y轴旋转360 transform:rotateZ(360deg); //Z轴旋转360 transfo 阅读全文
posted @ 2016-11-22 11:21 micale 阅读(1081) 评论(0) 推荐(0) 编辑
摘要: css3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform,使用方法为transform:method(value)。 2D转换方法有 translate()位移 根据给定的left(x坐标)和top(y坐标)位置参数 scale()缩放 scale(2 阅读全文
posted @ 2016-11-22 11:17 micale 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 文本效果 text-shadow: 字体阴影 .text{ text-shadow:5 px 5px 5px #FF0000} 指定:水平阴影、垂直阴影、模糊的距离,以及阴影的颜色 box-shadow: 背景阴影 text-overflow: 文字溢出 .text{text-overflow:cl 阅读全文
posted @ 2016-11-22 11:13 micale 阅读(580) 评论(0) 推荐(0) 编辑
摘要: 线性渐变 语法:background: linear-gradient(direction, color-stop1, color-stop2, ...); 阅读全文
posted @ 2016-11-22 10:53 micale 阅读(560) 评论(0) 推荐(0) 编辑
摘要: background-image: .box{background-image:url();background-position:left bottom;} background-size: .box{background-size:100% 100%;} background-orgin: .b 阅读全文
posted @ 2016-11-22 10:49 micale 阅读(224) 评论(0) 推荐(0) 编辑
摘要: css边框的三个属性 border: 用法:.box{ border:border-width||border-style||border-color;}(第三个颜色使可选的) css3中可以创建圆角边框,添加阴影框,并作为边框的形象而不使用设计程序 用法 :.box{ border-radius: 阅读全文
posted @ 2016-11-22 10:48 micale 阅读(334) 评论(0) 推荐(0) 编辑
摘要: Css3的flex布局用法 Flex意为“弹性布局”,英文flexible box的缩写,flex布局使css盒模型变得更加强大和灵活,flex布局主要用在webapp和移动端中使用,移动端flex布局,将使的布局变得异常简单。 任何一个容器都可以指定为flex布局; 行内元素也可以使用flex布局 阅读全文
posted @ 2016-11-22 01:01 micale 阅读(3762) 评论(0) 推荐(0) 编辑
摘要: 框( box )布局影响因素之一,便是定位体系。定位体系也是其最为重要的影响因素。 CSS2.1 中,一个框可以根据三种定位体系布局。CSS2.1 中的定位体系帮助作者使他们的文档更容易理解,并不需要使用标记的手段(如,不可见的图片)达到布局的效果。 常规流( Normal flow ) 常规流,是 阅读全文
posted @ 2016-11-22 00:58 micale 阅读(1092) 评论(0) 推荐(0) 编辑