understand html

Development environment preparation

Understand the structure of html

Web page layout cut tofu

css control div display

floating layout

clear float

Practical home page layout

Common mistakes made by newbies

box model

Box model margin explanation

margin home page practice

Explanation of border of box model

CSS draw triangle

Detailed explanation of padding of box model

padding and background

padding homepage actual combat

Box model summary

Use margin to center elements

Study on margin overlap phenomenon

inline elements

Inline vs. block conversion

css control paragraph

css controls text size, font and color

css font setting tips

css set background image

Precisely control the position of background images

css selector

css priority

4 ways to introduce css

css initialization

HTML learning mind map

h tag and p tag

img tag

Is img block or inline?

Ordered list vs. unordered list

Neat form

Hyperlink

anchor point

Pseudo class

character entity

Home page layout of company website development

Navigation for company website development

Main area of ​​company website development (1)

Main area of ​​company website development (2)

Footer area for company website development

Color fine-tuning for company website development

Line height and text vertically centered

IE browser compatible

Appendix ① Color Representation

Appendix ② Indication of dimensions

Appendix ③ CSS rounded corners

Appendix ④ Relative positioning and absolute positioning

Appendix ⑤ overflow overflow processing

Appendix ⑥ Form

Appendix ⑦ Frameset

Final assignment