随笔分类 -  CSS

摘要：1.【弹性盒模型Flexbox】，最大的特性在于，能够动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。flex-direction:row | row-reverse | column | column-reverse /*设置主轴方向，确定弹性子元素排列方式*/flex-wrap: ... 阅读全文

摘要：官网：http://oocss.org/【OO CSS的注意事项】 1.不要直接定义子节点，应把共性声明放到父类。 2.结构和皮肤相分离。 3.容器与内容相分离。 4.抽象出可重用的元素，建好组件库，在组件库内寻找可用的元素组装页面。 5.往你想要扩展的对象本身增加class 而不是... 阅读全文

摘要：【CSS3中的动画功能】/* 1.Transition功能，通过指定开始结束状态来过度，无法实现复杂动画。*//* transition:property duration timing-function */transition-property: background-color;transit... 阅读全文

摘要：CSS3选择器【UI元素状态伪类选择器】/*在CSS3中，共有17种UI元素状态伪类选择器，分别是E:hover、 E:active、E:focus、E:disabled、E:read-only、E:checked、 E:default、E:indeterminate、E::select... 阅读全文

摘要：【伪元素选择器 】/* first-line 设置第一行*/p:first-line{color: crimson;}/* first-letter 设置第一个字符*/p:first-letter{color: green;}/* before 设置列表项之前的样式*/li:before{conte... 阅读全文