随笔分类 - css3
摘要：1.内边距（内边距在content外，边框内） 内边距属性： padding 设置所有边距 padding-bottom 底边距 padding-left 左边距 padding-right 右边距 padding-top 上边距 2.边框 border-style 定义边框样式 单边框样式 bor
阅读全文
摘要：1.元素选择器 最常见的选择器就是元素选择器，文档的元素就是最基本的选择器 h1{......} a{........} 2.选择器分组 h1,h2{.......} 通配符 * 3.类选择器详解 类选择器允许以一种独立与文档元素的方式来指定样式 .class{.......} 结合元素选择器 a.
阅读全文
摘要：对齐操作 1.使用margin属性进行水平对齐 margin-left:auto; margin-right:auto; 2.使用position属性进行左右对齐 3.使用float属性进行左右对齐 尺寸操作 height 设置元素高度 line-height 设置行高 max-height 设置元
阅读全文
摘要：强制换行： word-break: break-all; 只对英文起作用，以字母作为换行依据 word-wrap: break-word; 只对英文起作用，以单词作为换行依据 white-space: pre-wrap; 只对中文起作用，强制换行 禁止换行： white-space: nowrap;
阅读全文
摘要：text-transform: none 默认 capitalize 每个单词以大写字母开头 uppercase 仅有大写字母 lowercase 无大写字母，仅有小写字母 inherit 继承父元素的text-transform属性
阅读全文
摘要：1.ie6的3像素bug 当浮动元素遇到非浮动元素的时候，会有3px的缝隙，在ie6浏览器下的时候。 .menu{ height:200px; width:150px; float:left; _margin-right:-3px; /*解决方法，只针对ie6*/ } +padding-left:5
阅读全文
摘要：@media Media Queries(媒体查询)，他的作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。 其实就是，允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 screen（屏幕）是媒体类型里的一种，css2.1定义了10种媒体类型。 and被称为关键
阅读全文
摘要：columns 分栏 column的中文意思就是栏的意思，在html中，作用是分列，把一块内容相同比例均匀的分成一块一块的列，想报纸的内容似的，一篇文章在一张内容上分成好几栏那样显示，它的属性有 1.columns: columns-width column-count; 每一列的宽度和分成多少列；
阅读全文
摘要：word-wrap: break-word; word-break: break-all;
阅读全文
摘要：text-transform: none: 默认 不设置，全是小写 capitalize: 每个单词以大写字母开头 uppercase: 全部是大写字母 lowercase: 全部是小写字母 inherit: 继承父元素的text-transform属性值
阅读全文
摘要：例： 参数及含义： animation-name: 动画的名字 animation-duration: 动画完成一个周期所花费的秒数，默认是0 animation-timing-function: 规定动画的速度曲线，默认是ease(动画以低速开始，然后加块，在结束前变慢)； linear(动画从头
阅读全文