Crossing a Education "project development Taobao notes Three"
Video Address:
https://ke.qq.com/course/347602?taid=2574652505673170
You can learn for free
The following codes are using a crossing education, if the problem can contact deleted.
Use the Editor: VScode / sublime
The main areas of advertising today is to learn the layout of html + css.
Before writing the code, the first analysis of the structure:
① left floating, ② floating right: ① + ② in a row.
Source ① analysis:
Here the focus to emphasize the difference between block-level elements and row-level elements:
a block-level tags
1. own line, do not stay in the same line and other elements
2 can set the width and height of
the common block-level tag: div, p, h1- h6, ul, li, dl, dt, dd
codes:
We are p tag
We are p tag
We are p tag
Open display in the browser. Second, the line level tabs and other elements 1 can stay on the same line 2. The width and height can not be set common row-labels: a, span, strong, u , em -> Code: Hello Hello Hello three rows in the block tag 1 . and other elements can stay in line 2 can be provided within the width and height of a common row block tags: img, input, textarea Code: by the browser in the browser, can compare the similarities and differences. http://www.divcss5.com/html/h29641.shtml source ② analysis:This part involves new knowledge, weird box model, a lot of this to use in the subsequent development areas.
Here's a tip: is to add a margin after the last background image: 0 is not enough because of the wide front, move under the entire ad, just last label is not required margin, after setting the whole picture again in a level of.
Haha does not seem to pay attention to the other, and anger video brush, brush again is just not enough, I have three times the brush.