Before 5.4
js's Secret Garden This book talks about a lot of js precautions, all of which are basic. You can read more when you have time.
5.4 Learn ps cut and prepare to write an html web page
MOOC PS Skills - Cut the figure to understand the most convenient path for PS cut figure.
Understand the layout ideas of web pages from psd to html , and be proficient in html code writing.
- zoom:1; function: clear the float, trigger haslayout . When the zoom value is set, the set element will expand or shrink, and the height and width will be recalculated. Once the zoom value is changed here, re-rendering will actually occur. Using this principle, ie is solved. The problem that the parent element does not automatically expand when the child element is floated.
- :after pseudo-class + content content : The clearing float explained by Mr. Zhang Xinxu.
- For the logo: select the layer as a smart object, ctrl+c -->ctrl+n to create a new one, ctrl+v to copy it
- line-height : Mr. Zhang Xinxu
5.5 Learning code conventions
- html code specification
- Upload github : psd->html content
5.6 Code specification learning
Should the declaration in the header of the web page use lang="zh" or lang="zh-cn"? Know almost.
Baidu Front-end Academy