Production steps:
Create a complete website directory structure:
meishimeike (folder): manage all files in the current Web site
index.html / default.html (file): the current site of entry documents
CSS (folder): manage all css files in the current Web site
js (folder): manage all js files in the current Web site
images (folder): Administration Web site all the pictures of the current
Prepare a PSD (for conversion to design html pages)
to identify a way to develop
a) a top-down manner (more suitable for novice)
b) to determine the structure and then filling contents in the structure (compare older drivers)
CSS Initialization (remove some default css styles browser tab):
remove the label of the default margin and padding: html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5 , h6, form, fieldset, legend , img {margin: 0; padding: 0;}
removed picture frame: img {border: 0;}
removed ul preceding dot: ul, ol {list-style : none;}
removing the input tag default padding-top, padding-bottom, border: input {padding-top: 0; padding-bottom: 0; border: none;}
removing a tag underlined: a {text-decoration: none ;}
to a unified body provided background color and font style: body {font: normal normal 12px " Arial", color: #fff; background- color: # fae8c8;}
floating around, clear float: .fl {float: left;} . fr {float: right;} .clearfix : after {content: ""; height: 0; line-height: 0; display: block;}
start writing website code
1) completion of all site pages unity of head and tail
temple.html----------->temple.css
Made logo: different patterns were placed on a different layers in FIG., And then a desired pattern is copied to the same layer.
----------------
Disclaimer: This article is the original article CSDN bloggers "Shay_Maria", and follow CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement. .
Original link: https: //blog.csdn.net/jxqingge/article/details/81427727