I have been busy recently, so I cannot sort out front-end development standard documents intermittently for the time being! I think the content is detailed and rich. I will share it with you several days later! Now, we will share the xhtml css simple code in general. If you have any questions, please leave a message or wait for the release of detailed documents! You will know!
=== XHTML general specification ===
<! DOCTYPE html>
<Head>
<Meta charset = "UTF-8"/>
<Meta name = "author" content = "pangolin...">
<Meta name = "keywords" content = "keyword...">
<Meta name = "description" content = "website description...">
<Meta name = "robots" content = "all"/>
<Title> Shenzhen mesisda Technology Co., Ltd. </title>
<Link rel = "stylesheet" href = "style/public.css"/>
<Script src = "scripts/jquery-1.4.2.min.js"> </script>
</Head>
<Body>
<! -- Wraper begin -->
<Div id = "wraper">
<! -- Header begin -->
<Div id = "header">
</Div>
<! -- Header end -->
<! -- Contents begin -->
<Div id = "contents" class = "clearall">
<! -- Sidebar begin -->
<Div class = "sidebar fl">
</Div>
<! -- Sidebar end -->
<! -- Mainbar begin -->
<Div class = "mainbar fr">
</Div>
<! -- Mainbar end -->
</Div>
<! -- Contents end -->
<! -- Footer begin -->
<Div id = "footer">
</Div>
<! -- Footer end -->
</Div>
<! -- Wraper end -->
<Script src = "Scripts/public. js"> </script>
</Body>
</Html>
=== CSS public.css file General Specification (except for CSS Reset, other public styles in the project are added and modified with the project) ===
@ Charset "UTF-8 ";
/* ===================================================== ============
Version: 6.0 Date: 2010/10/21
Rendering Engine: Trident, Gecko, WebKit, Presto.
Author: PangGan E-mail: xinzu86@163.com QQ: 329784240
========================================================== ========= */
/* CSS Reset */
Html, body, h1, h2, h3, h4, h5, h6, p, br, form, input, button, textarea, select, fieldset, blockquote, ul, ol, li, dl, dt, dd, pre {margin: 0; padding: 0 ;}
Body {font: 12px/1.231 Tahoma, Helvetica, Arial, "\ 5b8b \ 4f53", sans-serif; color: #333 ;}
H1, h2, h3, h4, h5, h6 {font-size: 14px; font-weight: bold ;}
A {color: #333; text-decoration: none; outline: none ;}
A: hover {color: # 23930c; text-decoration: underline ;}
Textarea, select, input, button, label {vertical-align: middle; font-size: 12px ;}
Button {background: none; border: none; cursor: pointer}
Address, cite, code, em, var, abbr, acronym {font-style: normal ;}
Pre {font-size: 12px; text-align: center; white-space: pre-wrap; word-wrap: break-word ;}
Table {border-collapse: collapse; table-layout: fixed}
Td, th {word-wrap: break-word; word-break: break-all; overflow: hidden ;}
Ol, ul {list-style: none ;}
Li {list-style-position: outside}
Img {border: none ;}
/* Clear float */
. Clearfix {clear: both; height: 1%; display: table; display: inline-block ;}
. Clearall {overflow: hidden; _ zoom: 1 ;}
. Clear {clear: both; font-size: 0; height: 0; line-height: 0 ;}
/* CSS float */
. Fl {float: left; display: inline ;}
. Fr {float: right; display: inline ;}
/* CSS align */
. Ta_l {text-align: left}
. Ta_r {text-align: right}
. Ta_c {text-align: center}
. Ta_j {text-align: justify}
/* CSS margin */
. Mt_10 {margin-top: 10px ;}
. Mr_10 {margin-right: 10px ;}
. Mb_5 {margin-bottom: 5px ;}
. Ml_8 {margin-left: 8px ;}
/* CSS padding */
. Pt_10 {padding-top: 10px ;}
. Pr_15 {padding-right: 15px ;}
. Pb_5 {padding-bottom: 5px ;}
. Pl_8 {padding-left: 8px ;}
/* CSS border */
. B _4 {border: 1px solid #666 ;}
. B _4_red {border: 1px solid red ;}
/* CSS font-size */
. Fz_12 {font-size: 12px ;}
. Fz_14 {font-size: 14px ;}
. Fz_16 {font-size: 16px ;}
. Fz_18 {font-size: 18px ;}
/* CSS fontColor */
. F_blue {color: blue ;}
. F_white {color: white ;}
. F_666 {color: #666 ;}
. F_09c {color: # 09c}
/* CSS backgroundColor */
. Bg_blue {background: blue ;}
. Bg_white {background: white ;}
. Bg_666 {background: #666 ;}
. Bg_09c {background: # 09c}
/* CSS public page */
# Wraper {width: 960px; margin: 0 auto;}/* Page area */
# Header {}/* header */
H1 a {display: block; text-indent:-1000px;}/* logo */
# Nav {}/* Navigation */
# Contents {}/* Page subject */
. Sidebar {}/* sidebar */
. Mainbar {}/* main bar */
# Footer {}/* footer */
. Copyright {}/* copyright */