-
border-radius;左上角 右上角 右下角 左下角； 半圆效果：把宽度（width）设为高度(height)的一半，并且只设置 左上角和右上角的半径与元素的高度一致 整圆效果：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半查看全部
-
6.iPhone 和 Smartphones： @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式写在这 */ } 现在有关于这方面的运用也是相当的成熟，twitter的Bootstrap第二版本中就加上了这方面的运用。大家可以对比一下： @media (max-width: 480px) { ... } @media (max-width: 768px) { ... }查看全部
-
4.iPad横板显屏： @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏： @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ }查看全部
-
1.1024px显屏： @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏： @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏： @media screen and (max-width : 640px) { /* 样式写在这*/ }查看全部
-
Responsive设计——不同设备的分辨率设置 下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求：查看全部
-
脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>查看全部
-
在Responsive布局中查看全部
-
Text-Shadow text-shadow:X-offset Y-offset blur color; blur模糊程度，大于0查看全部
-
Gradient渐变效果 Linear and Radial background-image:linear-gradient(direction,color_start,color_end) Direction: default is 180deg=to bottom Angle:0deg,90deg,180deg,270deg Text:to top/left/right/bottom查看全部
-
RGBA:Red, Green, Blue, Alpha(透明参数) 颜色取值0-255或百分比，alpha取值0-1查看全部
-
border background image border-image:url(img_path) px px px px type Location is clockwise. Type includes round, repeat, stretch 相当于把图片切分查看全部
-
box-shadow supports one or more boxes Arguments:X,Y,shadow模糊半径，阴影扩展半径，颜色，投影方式 模糊半径=模糊距离，扩展半径=size，color=default black,投影方式=inset/default outset 可嵌套，设置多阴影查看全部
-
border-radius圆角边框 若是一个argu则表示四角相同，四个argu顺时针表示四个角（左上开始） 若是图形有高度宽度，则radius不能小于min(height,width) 实心上半圆：h=0.5w,r=h,h,0,0 实心圆：h=w,r=0.5h查看全部
-
border-radius直接更改元素圆角 对任意DIV和text增加投影效果 支持更广泛色彩定义 @Font-Face实现制定字体 Multi-layer background Advanced animation effection 简单的多栏布局查看全部
-
Responsive设计（一）查看全部
举报
0/150
提交
取消