从寒假到现在，代码写的不是太多，可是网页没少设，主要花的是功夫，现在就来稍微总结一下最近用到的一些东西，现在能写下来的，都是基本上以前在网上搜过的，现在记下，以备后用。
div 边框加阴影：
box-shadow: 3px 3px 6px #666; /*四个参数分别为 x轴偏移，y轴偏移，模糊量，颜色 */
特帅的字体：
font-family: Microsoft YaHei; /*要用就用微软雅黑*/
开始css的第一步,
* {
margin:0;padding:0;
}
img{
border:none;
}
有了以上两句，可以再兼容性问题上少周一些弯路
鼠标移入手型效果,这个老是忘!!!
cursor: pointer;
元素透明，主要用于div
opacity：0.8; /*0-1的数值越高透明度越低*/
方便的做出一个横向菜单：
html代码如下:
<ul><li>项目1</li><li>项目2</li><li>项目2</li><li>项目2</li></ul>
css 代码：
ul{
list-style:none;
}
li{
display:block;
50px;
height:30px;
margin:5px;float:left:
}
文字垂直居中显示，这个效果只能用在块状元素上，且元素要有高度：
line-height：n px； /*n的数值要和元素的高度保持一致*/
vertical-align:middle;
元素内文字溢出是用省略号代替：
元素{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
实现div圆角：
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-radius:4px 4px 4px 4px; /*可用于火狐浏览器，且以上效果都不支持IE，IE你妹的楼后了一个时代啊*/
画面旋转
-webkit-transform: rotate(180deg); /*180deg为旋转角度*/