Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

What are the common CSS codes for websites?

Date:2019-08-13 Source: Shangpin China Type: website encyclopedia
Word Size: small   medium   big

When we build a website, there is no shortage of common initialization structure code in CSS style, which is suitable for any system. The following CSS initialization structure code is a style integrated with CSS codes of various systems and suitable for enterprise stations:

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

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

html{background:#FFF;}
body{font:12px Verdana,Arial,Tahoma;}
img{border:none;}
a{color:#256EB1;text-decoration:none;}
a:hover{color:#ba2636;text-decoration:underline;}
ul{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
/*---------- stock ---------*/
.center{margin:0px auto;}
.w960{width:960px;/*position:relative;*/}
.pright .infos_userinfo {margin-bottom: 0px;}
.mt1{/* ( margin-top * 1 ) */margin-top:8px;}
.pright .mt1{margin-top:0px;}
.mt2{/* ( margin-top * 2 ) */margin-top:16px;}
.clear{overflow:hidden;}
.fs-12{font-size:12px;}
.fc-f60{color:#F60;}
.fc-f90{color:#F90;}
.clr{clear:both;}
*{padding:0px;margin:0px;}
html{background:#ffffff;}
body{font:12px Verdana,Arial,Tahoma;}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:red;text-decoration:none;}
p{ line-height:24px;}
ul{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
/*---------- stock ---------*/
.center{margin:0px auto;}
.w960{width:960px;}
.w980{width:980px;}
.w1003{width:1003px;}
.diy_width{width:980px;}
.pright .infos_userinfo {margin-bottom: 0px;}
.mt1{margin-top:8px;}
.pright .mt1{margin-top:0px;}
.mt2{margin-top:16px;}
.clear{overflow:hidden;}
.clr{clear:both;}
Initialization structure CSS code:

BODY {SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;

 SCROLLBAR-SHADOW-COLOR: #285291;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #285291;
}
BODY {FONT-SIZE: 12px; FONT-FAMILY: "Tahoma"; TEXT-DECORATION: none; background position: 0px 0px}
.header{ font: 9pt Tahoma, Verdana; color: #FFFFFF; font-weight: bold; background-color: #1F80CB }
.header a{ color: #FFFFFF }
.tableborder{ background: #D6E0EF; border: 1px solid #1F80CB }

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

.f14 {line-height: 23px;}
.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;}
The initialization structure CSS code of MetInfo Mito:
html,body{ font:12px/1.8 Arial; color:#666;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#2c7199; text-decoration:underline;}

/*Editor body part style*/

.editor{ line-height:1.5;}
.editor ul,.editor ol{ padding-left:30px;}
.editor p{ margin-bottom:8px;}
/*Custom Class*/
.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;}
input.submit{ height:24px\9; line-height:21px\9; font-size:12px; padding:0px 3px;}
input.reset{ height:24px\9; line-height:21px\9; font-size:12px; padding:0px 3px;}

/*Website header head file style*/

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

PHP wind initialization structure CSS code:

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

h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
ul,li{list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
th{text-align: left;}
td,th,div{word-break:break-all;word-wrap:break-word;}
form{display:inline;}
*{/*outline:none*/}
img{border:0;}
em,cite{ font-style:normal;}
blockquote{quotes: none;}
html{ font-size:12px;}

Discuz! CSS code of partial initialization structure of community dynamics:

*{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;}
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;}
em,cite,i{font-style:normal;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
label{cursor:pointer;}
.z{float:left;}
.y{float:right;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
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;}
hr.l{height:1px;border:none;background:#CDCDCD;color:#CDCDCD;}
hr.l2{height:2px;}
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;}
.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;}

Information source Shangpin China: Professional website construction company, professional website production company, professional website design company



Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.