HTML and CSS foundations must be compacted to make a good front end

A lot of front-end big Guy said, to be good front-end words HTML and CSS Foundation must be compacted. So, to what level to call the foundation tamping it?

1, get the designer to give the diagram, whether it is a PC or the mobile side of the diagram, after a look at the mind has a very clear structure and page writing process may appear compatibility issues.

2, the page in writing can be quickly written to fit the project related to the RESET.CSS. And in the writing layout of the appropriate can be with the help of the editor of the relevant shortcut keys and the corresponding marker, quickly the structure of a large module written out, such as the use of Hbulider table Shortcut to write the shortcut structure, Div>p.box$*4+p.text, and do one step accuracy.

3, the structure of the writing, the rational application of suitable and efficient layout, such as the use of flexible box layout, responsive layout, multi-column layout, double flying wings, the Holy Grail layout, and so on, quickly achieve their own purposes, and for some A, IMG and other such labels need alt, title, Target These properties will also be noted on the add-on.

4, for the optimization of the structure of the Web page has certain understanding, such as how to avoid spider traps, how to optimize the URL used in the site, need not to put the site map and so on.

5, each browser has a compatibility problem, what is the solution, which is the need to add a specific filter to be able to, if more perfect is able to do this in a different way to achieve this effect, bypassing some of the existing compatible properties, so from the optimization can reduce the amount of code.

6, for the mobile in writing, the relationship between the various units and usage such as REM, VW, VH, DPR, EM, and know the different types of mobile page layout, the use of different ways to do, thus more suitable for the actual needs.

7, in addition to some common page layout and CSS page writing, for some other layout and CSS skills can also be used skillfully, such as CSS to achieve a variety of center, seven CSS Way to a container horizontal vertical center, fully compatible multi-column layout problem, multi-column and other high layout.

8, know the Cascade order (stacking level) and the stack context (stacking context), IFC, BFC, GFC and FFC and other related concepts and practical applications.

Need to say too much, in fact, these things if you want to be familiar with proficiency in place, more is to do a lot of a practice, and in a lot of practice and project writing process, constantly summarize their experience and record, finally can become their own things, Many things need to change from quantitative to qualitative process, so listen to other people's experience is not as much as you personally to the actual operation, so that will have effect.

Source: Qian Feng HTML5

HTML and CSS foundations must be compacted to make a good front end

HTML and CSS foundations must be compacted to make a good front end