-
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
实现溢出文本显示省略号的效果 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
Gradient分为线性渐变(linear)和径向渐变(radial)。 background-image:linear-gradient(to left, red, orange);查看全部
-
阴影模糊半径：其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; http://img1.sycdn.imooc.com//54292d620001ffb107080250.jpg 添加多个阴影： 以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如：查看全部
-
body少了样式 class=“bg”；下载的资料里img的class，把两个样式写在一起没有空格分开查看全部
-
圆角边框： border-radius 实心上半圆： 方法：把宽度（width）设为高度(height)的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */查看全部
-
css3可以实现圆角，图片边框，文字阴影和盒阴影，过渡、动画等 选择器：减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。 圆角/块阴影与文字阴影 色彩：CSS3支持HSL ， CMYK ，HSLA and RGBA 渐变效果： 个性化字体： 多背景图：一个元素上添加多层背景图片 边框背景图： 变形处理：对HTML元素进行旋转、缩放、倾斜、移动、甚至以前只能用JavaScript实现的强大动画 多栏布局：可以让你不用使用多个div标签就能实现多栏布局。浏览器解释这个属性并生成多栏，让文本实现一个仿报纸的多栏结构。 媒体查询：针对不同屏幕分辨率，应用不同的样式。查看全部
-
在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
mark查看全部
-
到目前为止支技animation动画的只有webkit内核的浏览器，所以我需要在上面的基础上加上-webkit前缀，据说Firefox5可以支持css3的 animation动画属性。查看全部
-
moz-就是火狐浏览器的前缀，-webkit-是使用了webkit内核浏览器使用的前缀，比如谷歌浏览器，safari，新版360浏览器等查看全部
-
兼容性：@-webkit-keyframes，-webkit-animation，加上前缀后才有效果查看全部
-
左上 右下 顺序不对会报错查看全部
-
圆角效果 border-radius border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。查看全部
举报
0/150
提交
取消