-
CSS3 列间距column-gap column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length> normal:默认值，默值为1em; length:可以使用px,em单位的任何整数值，但不能是负值。 column-count: 3; column-gap: 2em;查看全部
-
左负右正，上负下正查看全部
-
-2px 2px 34px 11px #33CC00 inset 第一个 控制左右移动负值向左移动 正值向右移动 第二个是上下移动同理 正下负上 第三个值越大 阴影会显示的很散 越大越散 第四个阴影的内框和框的距离大小 越大越大 越小负值很小的时候会直接从这个小框框消失查看全部
-
even偶数 odd奇数查看全部
-
1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是100*100px查看全部
-
border-box属ie盒子模型 content-box是 W3C标准盒模型 外盒尺寸计算（元素空间尺寸） element空间高度＝内容高度＋内距＋边框＋外距 element空间宽度＝内容宽度＋内距＋边框＋外距 内盒尺寸计算（元素大小） element高度＝内容高度＋内距＋边框（height为内容高度） element宽度＝内容宽度＋内距＋边框（width为内容宽度） 2.IE传统下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”） 外盒尺寸计算（元素空间尺寸） element空间高度＝内容高度＋外距（height包含了元素内容宽度、边框、内距） element宽间宽度＝内容宽度＋外距（width包含了元素内容宽度、边框、内距） 内盒尺寸计算（元素大小） element高度＝内容高度（height包含了元素内容宽度、边框、内距） element宽度＝内容宽度（width包含了元素内容宽度、边框、内距）查看全部
-
CSS3 跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。 column-span: none | all 取值说明 属性值 属性值说明 none 此值为column-span的默认值，表示不跨越任何列。 all 这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。查看全部
-
CSS3 列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 语法规则： column-rule:<column-rule-width>|<查看全部
-
CSS3 多列布局——column-count column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer> .columns { padding: 5px; border: 1px solid green; width: 600px; margin: 20px auto; -webkit-column-count:4; -moz-column--count:4; -o-column-count:4;; -ms-column-count:4; column-count:4; }查看全部
-
CSS3 多列布局——column-count column-count：auto | <integer> 正整数值 column-count属性主要用来给元素指定想要的列数和允许的最大列数。查看全部
-
CSS3 多列布局——column-width column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。 column-width: auto | <length>查看全部
-
CSS3 多列布局——Columns 主要应用在文本的多列布局方面 columns：<column-width> || <column-count> 列宽和列数 columns: 200px 2;查看全部
-
实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }查看全部
-
div { width: 200px; height: 200px; background: red; margin: 20px auto; z-index:-100; /* 定义动画变化过程中，变化的属性 */ -webkit-transition-property: width,background; transition-property: width,background; /* 定义动画变化 持续的时间 */ -webkit-transition-duration:.5s; transition-duration:.5s; /* 定义动画变化的快慢的函数，类似插值器 */ -webkit-transition-timing-function: ease; transition-timing-function: ease; /* 定义动画开始前的延迟 */ -webkit-transition-delay: .18s; transition-delay:.18s; } /* 动画过渡的最终状态 */ div:hover { width: 400px; background:gray; }查看全部
-
ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。查看全部
举报
0/150
提交
取消