-
2——3
CSS3边框 阴影 box-shadow
1、阴影模糊半径与阴影扩展半径的区别
2、X轴偏移量和Y轴偏移量值可以设置为负数
查看全部 -
2——2边框阴影box-shadow
外阴影:box-shadow:4px 2px 6px #333333
内阴影:box-shadow:4px 2px 6px #333333 inset
多个阴影:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset
查看全部 -
ease-out配图错了
查看全部 -
css3
xuanzeqi
查看全部 -
第2——1
圆角：border-radius圆角
查看全部 -
选择器
圆角效果：border-radius
阴影效果
色彩：HSL CMYK HSLA RGBA支持
渐变效果
个性字体:@Font-Face
多背景图
边框背景图
变形处理
多栏布局
媒体查询：不同的屏幕分辨率，应用不同的样式
查看全部 -
学CSS3第1——1：
为了兼容性需要前缀：1.chrome和safari：-webkit,
2.firbox:-moz 3.ms:IE 4.-o:opera
查看全部 -
CSS中有一种基础设计模式叫盒模型，盒模型定义了Web页面中的元素中如何来解析。CSS中每一个元素都是一个盒模型，包括html和body标签元素。在盒模型中主要包括width、height、border、background、padding和margin这些属性，而且他们之间的层次关系可以相互影响
取值说明
属性值
属性值说明
content-box
默认值，其让元素维持W3C的标准盒模型，也就是说元素的宽度和高度（width/height）等于元素边框宽度（border）加上元素内距（padding）加上元素内容宽度或高度（content width/ height），也就是element width/height = border + padding + content width / height
border-box
重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下版本和IE6-7怪异模式），也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知，这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度（此处的内容宽度或高度＝盒子的宽度或高度—边框—内距）。
inherit
使元素继承父元素的盒模型模式
查看全部 -
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 70 round
代表：图片路径、70切割图片的宽度，单位为像素，
查看全部 -
x轴为正数向右偏移，为负数向左偏移；
y轴为正数向下偏移，为负数向下偏移；
查看全部 -
给不为空的div元素加1px的绿色边框：
div:not(:empty){ border:1px solid green; }查看全部 -
column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现
取值说明
属性值
属性值说明
none
此值为column-span的默认值，表示不跨越任何列。
all
这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。
查看全部 -
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。
属性值
属性值说明
column-rule-width
类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。
column-rule-style
类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
column-rule-color
类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色)
查看全部 -
column-gap主要用来设置列与列之间的间距
取值说明
属性值
属性值说明
normal
默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。
<length>
此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。
查看全部 -
column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则：
属性值
属性值说明
auto
此值为column-count的默认值，表示元素只有一列，其主要依靠浏览器计算自动设置。
<integer>
此值为正整数值，主要用来定义元素的列数，取值为大于0的整数，负值无效。
查看全部
){kind=link}
举报