A page created when you practice web standards some time ago. When doing this page, I did not mainly practice web standards, but mainly practiced the planning and organization theory of a set of css style sheets I summarized. Therefore, the web standard or javascript in it may not be very appropriate, however, the implementation of the six css style sheets interspersed with each other proves the correctness of the css style sheet planning and organization theory I have summarized. If you don't believe it, you can try to use a traditional css style sheet file. The free combination of skin switching, wide and narrow screen, and text stream styles provided on my demo page are interspersed. You can confidently say: Unless you have deep skills, it will be difficult to achieve it.
My personal satisfaction with this page is as follows:
1: css is successfully organized and planned. Style Sheet files are all in the CSS directory.
2: You can use the following buttons to test the function of freely combining and switching skin, wide and narrow screen, and text stream styles:
3: the menu that simulates the MAC toolbar is also good. However, it is better to use such fancy official websites less often. This is a separate exercise. Haha ~
Link:
1: My css style sheet planning and organization theory (there are still many mistakes, please correct me, Thank you ~)
Planning and organizing the document list of CSS style sheets
《Planning and organization of CSS style sheets"
《Planning and organization of CSS style sheets (continued) _ about @ import style sheet rules"
《Planning and resuming CSS style sheets _ a set of feasible solution examples"
2: Online Preview of this exercise page (free space outside China, slow speed, please forgive me. Alas ~ Who can provide a fast space)
Http://www3.webng.com/resume/NCSDW/ChangeCssTestPage.html
3: Download the DEMO source code for this exercise:
Http://files.cnblogs.com/JustinYoung/ChangeCssWeb.zip
Keyword: css style sheet, web standard, web Standard webpage, web Standard webpage source code, web2.0 source code, web2.0 source code download, web2.0 website source code download, and web2.0 website source code download