1-1 understand html

1-2 Development environment preparation

1-3 Understand the structure of html

1-4 Web page layout cut tofu

1-5 css control div display

1-6 floating layout

1-7 clear float

1-8 Practical home page layout

1-9 Common mistakes made by newbies

1-10 box model

1-11 Box model margin explanation

1-12 margin home page practice

1-13 Explanation of border of box model

1-14 CSS draw triangle

1-15 Detailed explanation of padding of box model

1-16 padding and background

1-17 padding homepage actual combat

2-1 Box model summary

2-2 Use margin to center elements

2-3 Study on margin overlap phenomenon

2-4 inline elements

2-5 Inline vs. block conversion

2-6 css control paragraph

2-7 css controls text size, font and color

2-8 css font setting tips

2-9 css set background image

2-10 Precisely control the position of background images

2-11 css selector

2-12 css priority

2-13 4 ways to introduce css

2-14 css initialization

3-1 HTML learning mind map

3-2 h tag and p tag

3-3 img tag

3-4 Is img block or inline?

3-5 Ordered list vs. unordered list

3-6 Neat form

3-7 Hyperlink

3-8 anchor point

3-9 Pseudo class

3-10 character entity

4-1 Home page layout of company website development

4-2 Navigation for company website development

4-3 Main area of ​​company website development (1)

4-4 Main area of ​​company website development (2)

4-5 Footer area for company website development

4-6 Color fine-tuning for company website development

4-7 Line height and text vertically centered

4-8 IE browser compatible

5-1 Appendix ① Color Representation

5-2 Appendix ② Indication of dimensions

5-3 Appendix ③ CSS rounded corners

5-4 Appendix ④ Relative positioning and absolute positioning

5-5 Appendix ⑤ overflow overflow processing

5-6 Appendix ⑥ Form

5-7 Appendix ⑦ Frameset

5-8 Final assignment