Taobao static pages (a) - Preparations

This page began to write in the morning, a little bit to see what to write, complete with no tricks. After the project began to learn to create standardized, css file to have two, one is the normal style of index.css other is to reset the file reset.css, related to the specific label style and rewrite some common predefined styles , images files and images. Also learned first page from top to bottom, left to right, in accordance with the content, color blocks, borders, spacing at different levels, the first to write a general html structure. From a large angle to grasp the page ...
1. learned five line-height representation of sub-elements inherit the details are different, in which the decimal 1.5 is an exception, that is 1.5 times the font-size under his inheritance, while the rest representation is the specific value of 1.5 times the parent class inherit font-size calculation.
2.unicode good code that uniquely identifies avoid Chinese error problem.
3. There are some style modular use, @ rule
@charset set the style sheet code
@import import other style files
@meida media queries mobile terminal technology development adaptation
@ font-face custom fonts do some custom icons
4. General case, the outermost first choice id selector, which may take another class or
put an ad layout 5.flex level under normal circumstances last write
Finally, attach the screenshot file resrt.css
Here Insert Picture DescriptionHere Insert Picture DescriptionHere Insert Picture DescriptionHere Insert Picture DescriptionHere Insert Picture Description

Published 37 original articles · won praise 0 · Views 722

Guess you like

Origin blog.csdn.net/weixin_43704007/article/details/104603111
Recommended