經典案例
  • 門戶網站怎么優化?郴州房產網百度秒上前五【20天】!
  • 妙視界
  • 廣州市坊森室內裝飾有限公司
  • ArtsRouge
  • Management
  • 愛藝術咖啡會所

做網站公用的CSS代碼,利器!

發布于:2014-09-08來源:未知 作者:小凡 點擊:

5分赛车   我們在做網站時,陽江做網站,陽春做網站CSS樣式里少不了一部分公用的初始化結構代碼,無論是哪個系統都適合用。下面的CSS初始化結構代碼我是整合各大系統CSS代碼綜合做成的適合企業站用的樣式:

  *{padding:0px;margin:0px;}

  html{background:#ffffff;}

  body{font:12px Verdana,Arial,Tahoma;}

5分赛车   img{border:none;}

5分赛车   a{color:#333;text-decoration:none;}

  a:hover{color:red;text-decoration:none;}

  p{ line-height:24px;}

  ul{list-style:none;}

5分赛车   input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}

  /*---------- stock ---------*/

5分赛车   .center{margin:0px auto;}

5分赛车   .w960{width:960px;}

  .w980{width:980px;}

5分赛车   .w1003{width:1003px;}

5分赛车   .diy_width{width:980px;}

5分赛车   .pright .infos_userinfo {margin-bottom: 0px;}

  .mt1{margin-top:8px;}

  .pright .mt1{margin-top:0px;}

5分赛车   .mt2{margin-top:16px;}

  .clear{overflow:hidden;}

  .clr{clear:both;}

  /----------------------------------------------------------------/

5分赛车   織夢dede的初始化結構CSS代碼:

5分赛车   *{padding:0px;margin:0px;}

  html{background:#FFF;}

  body{font:12px Verdana,Arial,Tahoma;}

5分赛车   img{border:none;}

5分赛车   a{color:#256EB1;text-decoration:none;}

5分赛车   a:hover{color:#ba2636;text-decoration:underline;}

  ul{list-style:none;}

  input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}

5分赛车   /*---------- stock ---------*/

  .center{margin:0px auto;}

5分赛车   .w960{width:960px;/*position:relative;*/}

5分赛车   .pright .infos_userinfo {margin-bottom: 0px;}

  .mt1{/* ( margin-top * 1 ) */margin-top:8px;}

5分赛车   .pright .mt1{margin-top:0px;}

5分赛车   .mt2{/* ( margin-top * 2 ) */margin-top:16px;}

5分赛车   .clear{overflow:hidden;}

  .fs-12{font-size:12px;}

  .fc-f60{color:#F60;}

  .fc-f90{color:#F90;}

  .clr{clear:both;}

  帝國CMS的初始化結構CSS代碼:

5分赛车   BODY {SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;

  SCROLLBAR-SHADOW-COLOR: #285291;

5分赛车   SCROLLBAR-3DLIGHT-COLOR: #ffffff;

  SCROLLBAR-ARROW-COLOR: #ffffff;

5分赛车   SCROLLBAR-TRACK-COLOR: #ffffff;

5分赛车   SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

5分赛车   SCROLLBAR-BASE-COLOR: #285291;

  }

  BODY {FONT-SIZE: 12px; FONT-FAMILY: "宋體"; TEXT-DECORATION: none; background-position: 0px 0px}

5分赛车   .header{ font: 9pt Tahoma, Verdana; color: #FFFFFF; font-weight: bold; background-color: #1F80CB }

5分赛车   .header a{ color: #FFFFFF }

5分赛车   .tableborder{ background: #D6E0EF; border: 1px solid #1F80CB }

  TD {FONT-SIZE: 12px; FONT-FAMILY: "宋體";}

  .f14 {line-height: 23px;}

5分赛车   .cborder1 {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid}

  a:link {color: #333333;text-decoration: none;}

  a:visited {color: #333333;text-decoration: none;}

  a:hover {color: #0066FF;text-decoration: underline;}

  a:active {color: #FF6600;text-decoration: none;}

5分赛车   MetInfo米拓的初始化結構CSS代碼:

5分赛车   html,body{ font:12px/1.8 Arial; color:#666;}

  a{ color:#666; text-decoration:none;}

  a:hover{ color:#2c7199; text-decoration:underline;}

5分赛车   /*editor正文部分樣式*/

  .editor{ line-height:1.5;}

  .editor ul,.editor ol{ padding-left:30px;}

  .editor p{ margin-bottom:8px;}

  /*自定義類*/

  .clear{ clear:both; font-size:0px; height:0px;}

  .floatl{float:left;}

  .floatr{float:right;}

  .block{ display:block;}

  .list-none{ list-style:none;}

  .hover-none:hover{ text-decoration:none;}

  .metwd100{ width:100%!important;}

  input.input-text,textarea.textarea-text{ background:#fff; color:#333; border:1px solid #eee; border-top-color:#999; border-left-color:#999; padding:1px; vertical-align:middle; height:18px; line-height:18px;}

  textarea.textarea-text{ height:80px; line-height:1.5;}

5分赛车   input.submit{ height:24px\9; line-height:21px\9; font-size:12px; padding:0px 3px;}

5分赛车   input.reset{ height:24px\9; line-height:21px\9; font-size:12px; padding:0px 3px;}

  /*網站頭部-head文件樣式*/

5分赛车   #metinfo{ width:950px; padding:5px; background:#fff; margin:0px auto;}

  Discuz!社區動力的部分初始化結構CSS代碼:

  *{word-wrap:break-word;}

  body{background:#FFF url("../../static/image/common/background.png") repeat-x 0 0;}

  body,input,button,select,textarea{font:12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;color:#444;}

  textarea{resize:none;}

  body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0;}

5分赛车   table{empty-cells:show;border-collapse:collapse;}

  caption,th{text-align:left;font-weight:400;}

  ul li,.xl li{list-style:none;}

  h1,h2,h3,h4,h5,h6{font-size:1em;}

5分赛车   em,cite,i{font-style:normal;}

  a{color:#333;text-decoration:none;}

  a:hover{text-decoration:underline;}

5分赛车   a img{border:none;}

  label{cursor:pointer;}

5分赛车   .z{float:left;}

  .y{float:right;}

5分赛车   .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

  .cl{zoom:1;}

5分赛车   hr{display:block;clear:both;*margin-top:-8px !important;*margin-bottom:-8px !important;}

  .mn hr,.sd hr{margin:0 10px;}

  .area hr{margin-left:0 !important;margin-right:0 !important;}

5分赛车   hr.l{height:1px;border:none;background:#CDCDCD;color:#CDCDCD;}

5分赛车   hr.l2{height:2px;}

5分赛车   hr.l3{height:3px;}

  hr.da{height:0;border:none;border-top:1px dashed #CDCDCD;background:transparent;color:transparent;}

  hr.bk{margin-bottom:10px !important;*margin-bottom:2px !important;height:0;border:none;border-top:1px solid #FFF;background:transparent;color:transparent;}

  .n .sd hr.bk{border-top-color:#F9F9F9;}

  hr.m0{margin-left:0;margin-right:0;}

  .wx,.ph{font-family:'Microsoft YaHei','Hiragino Sans GB','STHeiti',Tahoma,'SimHei',sans-serif;font-weight:100;}

  .ph{font-size:20px;}

  .mt{padding:10px 0;font-size:16px;}

  .pipe{margin:0 5px;color:#CCC;}

5分赛车   .xs0{font-family:Tahoma,Helvetica,sans-serif;font-size:0.83em;-webkit-text-size-adjust:none;}

  .xs1{font-size:12px !important;}

  .xs2{font-size:14px !important;}

  .xs3{font-size:16px !important;}

  phpwind初始化結構CSS代碼:

5分赛车   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,th,td{margin: 0;padding: 0;}

5分赛车   h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}

  ul,li{list-style: none;}

  table {border-collapse: collapse;border-spacing: 0;}

5分赛车   th{text-align: left;}

5分赛车   td,th,div{word-break:break-all;word-wrap:break-word;}

  form{display:inline;}

  *{/*outline:none*/}

  img{border:0;}

5分赛车   em,cite{ font-style:normal;}

  blockquote{quotes: none;}

  html{ font-size:12px;}



本文鏈接地址:http://www.frostball.com/jianzhanjiaocheng/zhishi-200/
tag標簽:
------分隔線----------------------------
------分隔線----------------------------
友情鏈接
一分快三-Welcome 5分快3-Home 3分快3-5分赛车 江苏快三-5分赛车 安徽快三-官网 重庆快三-推荐 北京快三-欢迎您 湖北快三-安全购彩 湖南快三-Welcome 河北快三-Home