Make a static page the first day

I. Preparatory work before development:1. Configure the development environment:

Sublime Webstrom (Vecode hbuilder atrom)

2. Create a project folder:

Index.html default.html

CSS folder: Base.css global.css

Images folder: Put pictures

JS folder: Put audio or video

　　 3. Style initialization: 4. Analyze website structure:

The layout is usually from top to bottom, from left to right.

When writing a page, generally consider the use of standard flow elements, followed by the use of floating or positioning.

Two. Syntax and considerations for the development process:

1. Website shortcut icon Making:

　　　　Www.bitbug.net

<link rel= "shortcut icon" href= "/favicon.ico"/> written in the head tag

If the shortcut icon is in the root directory of the project folder, do not bring/

　　2. Set Alleys:

　　　　The so-called alleys is the area where the main content of the page is located, that is, the center of the page.

The resolution of our shielding device is different, so in order to improve the user's experience, we need to use alleys to unify the website's display style.

　　3.Fireworks Shortcuts:

　　　　I eyedropper Tool absorbs color

The K-slice tool takes the width of the element

Z Magnifier Tool

V-Move

A Pointer Tool

　　4. Size of weights:

　　　　Inheritance < Tags < class class<id< in-line <!important

　　5. Positioning:

　　　　1 fixed positioning position:fixed

Features: 1 does not occupy the original position in the standard flow

2 Mode Conversion

3 benchmark for positioning is browser-based

2 Absolute Positioning Position:absolute

Features: 1 does not occupy the original position in the standard flow

2 but the transformation of the implementation mode

3 If the parent element is set to be positioned, absolute positioning is relative to the parent element, otherwise it is relative to the browser

3 relative positioning position:relative

Features: Parent Box 1 occupies the original position in the standard flow

2 cannot implement a schema conversion

3 positioning is relative to the original position in the standard flow

4 static positioning position:static

　　　　　　Static positioning is actually a standard flow

　　　　Features: 1 occupy the original position

2 cannot implement a schema conversion

3 positioning no matter how it is set, it has no effect

　　　　　When a child element is absolutely positioned, the parent element is a relative position, then the parent element is the function that sets the scope of the child element

If the nesting of three elements, it does not necessarily have to be the father of the son, the father of the Absolute.

Positioning first is to find out their nearest parent element to make a positioning, if the parent element is not positioned or relative positioning, the default is the browser or the upper left corner of the document, if the parent element has a relative positioning or absolute positioning, the parent element of the upper left corner will prevail.

Make a static page the first day