常用样式表整理

作者:stoat 发布时间:2013-01-07 分类:技术

估计没人会闲的如此蛋疼,但是我发现自己写css的时候重用度比较高,特意把一些常用的记下来,一倍不时之需。或是自己写,或是别处摘抄。


body{
	font-family: "Lucida Grande","Microsoft Yahei","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}
img{
	margin-bottom: 15px;
	max-width: 100%;
	padding: 4px;
	border: 1px solid #E4E4E4;
	background: #FDFDFD;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#navigation {
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
	background: -webkit-linear-gradient(white, whiteSmoke);
	background: -moz-linear-gradient(center top, white 0%, whiteSmoke 100%);
	background: -moz-gradient(center top, white 0%, whiteSmoke 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
#brand-bar {
border: 1px solid #DEDFDE;
overflow: hidden;
zoom: 1;
width: 220px;
padding: 8px 20px;
position: absolute;
right: 1%;
top: 18%;
box-shadow: 0 1px 5px #CCC;
-webkit-box-shadow: 0 1px 5px #CCC;
-moz-box-shadow: 0 1px 5px #ccc;
}
/*防止迅雷地址等溢出*/
blockquote, pre {
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5  */
}

原文地址:常用样式表整理 by 雪鼬博客

标签:css

评论已关闭