随笔分类 -  css

css变形几大属性
摘要：1、transform: transform-function() * | none; transform-function: translate()、scale()、rotate()、skew()、matrix()。 2、transform-origin：用来指定元素的中心位置。 css3中的旋转 阅读全文
posted @ 2016-09-01 10:08 伊各 阅读(436) 评论(0) 推荐(0)
css3背景总结与解析
摘要：一、常用基本属性： 二、css3背景相关新增属性： 三、css的background可以设置多背景，用逗号隔开。background-color只能设置一个。 阅读全文
posted @ 2016-08-17 12:10 伊各 阅读(410) 评论(0) 推荐(0)
box-shadow全面解析
摘要：一、box-shadow语法： box-shadow: none | inset（可选值，不设置，为外投影，设置，为内投影） x-offset（阴影水平偏移量，正方向为right） y-offset（阴影垂直偏移量，正方向为bottom） blur-radius（阴影模糊半径，为正，0为无模糊效果， 阅读全文
posted @ 2016-08-15 00:23 伊各 阅读(2195) 评论(0) 推荐(0)
border-radius的用法与技巧总结
摘要：border-radius属性用法重点罗列 border-radius使用技巧与代码示例 一、内外半径border-radius内部半径等于外部半径减去对应border-width。当差值小于等于0时，元素内角为直角，当差值大于零时，为圆角，且差值越大，圆角越明显。 内角为直角 内角为圆角 二、两边 阅读全文
posted @ 2016-08-13 23:23 伊各 阅读(2221) 评论(0) 推荐(0)
BFC——块级格式上下文
摘要：BFC中的B指的是block，对应的还有IFC，I指的是inline。对于BFC的理解可以参考层叠上下文。页面中，盒子的排布规则，是生效在对应的BFC中。两个BFC中的布局互不影响。页面的本身的根本身就是BFC，但是页面中的其他元素，则需要我们用css去设置，才会生成新的BFC。有以下方法： 详细内 阅读全文
posted @ 2016-08-13 18:53 伊各 阅读(173) 评论(0) 推荐(0)
css伪类选择器详细解析及案例使用-----伪类选择器（2）
摘要：1.E:first-child ：作为父元素的第一个子元素的元素E。与E:nth-child(1)等同。 2.E:last-child ：作为父元素的最后一个子元素的元素E.与E:nth-last-child(1)等同。 3.E:root ：选择匹配元素E所在文档的根元素。 4.E F:nth-ch 阅读全文
posted @ 2016-07-24 23:50 伊各 阅读(293) 评论(0) 推荐(0)
css伪类选择器详细解析及案例使用-----伪类选择器（1）
摘要：或者手工在文档中指定： 阅读全文
posted @ 2016-07-24 10:14 伊各 阅读(1520) 评论(0) 推荐(0)
css伪类选择器详细解析及案例使用-----伪元素
摘要：伪元素：（css3中将所有伪元素前变成了两个冒号，即::first-letter、::first-line、::before、::after、::selection。目的是为了区分伪元素与伪类。对于IE6~IE8，仅支持单冒号写法）1.::first-letter ：用来选择文本块的第一个首字母。2.::first-line ：用来匹配元素的第一行文本。3.::befor 和 ::after ... 阅读全文
posted @ 2016-07-24 00:00 伊各 阅读(474) 评论(0) 推荐(0)
css之z-index深度解析
摘要：（几个重点概念解析） 一、层叠上下文 二、层叠水平 三、层叠顺序（以下层叠顺序按照由内向外排列，即z轴上的值越来越大，越靠近用户） 四、z-index 五、我的理解： 页面中元素的层叠情况是由层叠顺序这个规则决定的。在最初的页面里，所有元素按照默认的情况依次排列。而z-index属性像是一个外来户， 阅读全文
posted @ 2016-07-18 10:33 伊各 阅读(1622) 评论(2) 推荐(0)