Hanshunping div CSS Basic Video tutorial Courseware source code

CSS is an abbreviation for English cascading style Sheets (cascading style sheets), and P+css is one of the common terms in the Web site standard (or "Web Standard"), and is often used to illustrate the difference between the way tables are located in the HTML web design language, Because the new website design standard, no longer uses the table localization technology, but uses the div+css way to realize the various localization. "Hanshunping 2016 latest p CSS basic video tutorial" is based on HTML, is the layout of the Web page and the basis of the explanation.

We can simply understand that p+css:p is a container for storing content (text, images, elements). CSS is used to specify how the content placed in P is displayed, including the location and appearance of the content.

Course Play Address: http://www.php.cn/course/433.html

The teacher's lecture style:

The teacher lively image, witty witty, witty, touching. A vivid image of the metaphor, like the finishing touch, to the students to open the door of wisdom, a proper sense of humor, attracting students to smile, such as drinking a cup of glycol wine, to the aftertaste and nostalgia, the philosopher's motto, culture of the proverbs from time and again interspersed in the middle, give people to think and alert.

The most difficult part of this video is the browser compatibility tips:

The so-called browser compatibility problem, refers to because different browsers have different parsing of the same code, resulting in the page display effect is not uniform situation. In most cases, our demand is that no matter what browser the user uses to view our website or to login to our system, it should be a unified display effect. So browser compatibility is a problem that front-end developers often encounter and must solve.

Before learning browser compatibility, I wanted to divide the front-end developers into two categories:

The first category is precisely in accordance with the design of the development of the front-end developers, can be said to be accurate to 1px, they will easily find the lack of design drawings, and in rare cases will encounter browser compatibility issues, and these problems are often dead browser bugs, and they made the page easy to maintain, code reuse problems less , can be said to be more solid and reassuring code.

The second type is basically in accordance with the design of the development of the front-end developers, a lot of details of the gap is very large, not better than the spacing, row height, picture location and so often a few px. The implementation of an effect is also repeated debugging to get, specifically why this effect is also vague, the overall layout is very fragile. The slightest change is a mess. Why the code is so written is unknown. Such developers are often trapped by compatibility issues. Modified this browser and another browser chaos. Change to change to also have no clue. In fact, most of the compatibility problems they encounter should not be attributed to the browser, but their technology itself.

Here also recommend the source of resources to download: http://www.php.cn/xiazai/learn/2125

Resources for everyone to share the video courseware and source code