css样式表的学习.docVIP

代码: 按照过程功能来划分1.reset all 重设所有标签属性,并定义重要标签属性. 定义全站风格、包括链接。2.commonality 设置全站中常用的CLASS，分页功能、HOT等。3.layout 框架布局用。支持全屏和定宽。4.form 处理表单用，包括表单出错等。5.tab room 全站TAB?6.grid room 画块级格子用7.table room 处理全站表格用8.sidebar room 右边样式用9.blank 根据人民币的面值，可组合成自已想要的空白高度。 全部应用于 已应用于listing页面。单个广告页。管理中心页等。首页还没有用。一个CSS可以满足全站，包括首页，listing页面。单个广告页。管理中心页等。 大小约12K例如：/html以下是部分代码: 复制内容到剪贴板 代码: /*reset all*****************************/????* html {??????filter: expression(document.execCommand(BackgroundImageCache, false, true));????}????*{ margin:0; padding:0; list-style:none;}????body{text-align:center; background:#FFF; font:12px/1.8 Verdana, Arial, 宋体;color:#666}????img{border:none;}????h1,h2,h3,h4,h5,h6,input,textarea{font-size:12px; color:#000}????h1{font-size:16px;}????h2{font-size:14px;}????table{border-collapse:collapse;border-spacing:0;}????fieldset{ border:none;}????small{font-weight:normal; color:#666; font-size:12px;}????address,em{font-style:normal;font-weight:normal;}????address{border-left:5px solid #CCC; padding-left:8px; margin:5px 0;}????caption{font-weight:bold; text-align:left;}????strong{color:#000}????form table{ margin:10px;}????form table td{margin:10px;vertical-align: top; color:#000}????img.imgBorder{ padding:2px; background:#FFF; border:1px solid #EBEBEB; margin:2px;}????img.imgBlock{ display:block}????a:link,a:visited{color:#000099;text-decoration:underline;}????a:hover,a:active{color:#000;text-decoration:none;}????/*commonality*****************************/????.clear{clear:both; height:0; overflow:hidden}????.hidden{display:none;}????.left{float:left;}????.right{float:right;}????.grayBorder{padding:5px;border:1px solid #EBEBEB; margin-top:10px; clear:both;height:1%;}????????.grayBg{padding:5px; background:#F5F5F5}????.transverse li{display:inline;margin-right:5px;}????????.transverse li a{white-space: nowrap;}????.upright li{display:block;margin-right:0; float:none}????????????.pager li{display:inline; margin-right: