Lan 0 Basic Learning Html5-html+css Foundation

Lan 0 Basic Learning Html5-html+css Foundation

• 650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M02/87/40/wKioL1fZAN3ABGnXAAHQi-M_res626.png-wh_500x0-wm_3 -wmp_4-s_1737966660.png "title=" qq picture 20160914154743.png "alt=" wkiol1fzan3abgnxaahqi-m_res626.png-wh_50 "/>
  

• I. Objectives of the course

• 1, understand the front-end development positions; 2, Master Common tags and semantics and usage, 3, master the characteristics of commonly used css, master the basic layout skills, 4, master the whole station planning Concept.

• second, the applicable population

• 0 Basic Active Learning HTML5

• Iii. introduction of the course

• This course focuses on the basics of html+css, including HTML templates, tags, CSS base styles, layouts, table forms, whole stations, and more, and is the basis for front-end Development. HTML+CSS is the front-end development of the foundation, most of the front-end development projects need to start from the Html+css layout, Html+css Foundation is very important, is the beginning of the front-end development, a lot of knowledge points are miscellaneous, this course from the most basic front-end cognition, tools and plug-ins, such as installation began, easy, People learning for 0 basics

• Iv. Outline of the course

• Chapter 0 Basic Learning HTML5-HTML+CSS Basic Video Tutorial 29 hours 10 Hour 3 minutes

• 1 Front End Cognition 22:40

• In this lesson, we mainly study front-end cognition, the core semantics of the front

• 
  

• 2 Front-End Tool installation 26:42

• In this lesson, we mainly study tools installation, plug-in installation

• 
  

• 3html Template 14:06

• In this lesson, we mainly study the creation of HTML templates

• 
  

• 4CSS Basic Style (top) 20:49

• This lesson we mainly learn CSS introduction, selector

• 
  

• 5CSS base Style (medium) 18:56

• This lesson we mainly study priority

• 
  

• 6CSS Basic Style (bottom) 26:14

• This lesson we mainly study width height background

• 
  

• Basic style of 7CSS-border17:01

• In this lesson we mainly study the settings of border, rounded corners

• 
  

• Basic style of 8CSS-padding17:47

• In this lesson, we mainly study the setting of padding, padding compound style.

• 
  

• Basic style of 9CSS-margin18:12

• In this lesson, we mainly study the setting of margin, the notation of the margin compound Style.

• 
  

• Basic style of 10CSS-box model 13:44

• In this lesson we mainly study the concept of box model, and the method of operation

• 
  

• Text style for 11css (top) 17:00

• Font-size font-family Color

• 
  

• 12css Text Style (medium) 15:26

• Line-height text-align text-indent Font-weight

• 
  

• Text style for 13css (bottom) 29:00

• Font-style text-decoration letter-spacing word-spacing Text style compound style inheritance common 17 styles Summary

• 
  

• 14 Common Tag semantics title div h weight 20:23

• Common label semantics title div h weights

• 
  

• 15 label P ul Li Ol22:28

• Label P UL Li ol

• 
  

• 16DL DT DD block Property label feature 14:24

• DL DT DD block attribute Tag properties

• 
  

• 17span Inline attribute Tag Properties strong em a22:53

• Span Inline Property label attribute strong em A

• 
  

• 18 Inline Block Properties img Tag type conversion 23:19

• Inline Block properties img Tag type conversion

• 
  

• 19 Introduction to floating styles and features 25:37

• Introduction to floating styles and features

• 
  

• Common methods and advantages of 20BFC 24:39

• Common methods and advantages and disadvantages of BFC

• 
  

• Common methods and pros and cons of 21BFC upgrade level 21:00

• Common methods of BFC and their pros and cons raising levels

• 
  

• 22 positioning characteristics relative positioning absolute positioning fixed positioning introduction 19:31

• Positioning characteristics relative positioning absolute positioning fixed positioning introduction

• 
  

• 23 Introduction to positioning characteristics 24:50

• Introduction to positioning characteristics

• 
  

• 24 Positioning properties Apply derivation selector 23:53

• Positioning attributes apply derived selectors

• 
  

• 25 Compatibility 116:55

• Compatibility 1

• 
  

• 26 Compatibility 216:20

• Compatibility 2

• 
  

• 27 Compatibility 318:15

• Compatibility 3

• 
  

• 28 Compatibility 420:34

• Compatibility 4

• 
  

• 29 Compatibility 531:14

• Compatibility 5

• Update in ...
  

Lan 0 Basic Learning Html5-html+css Foundation