When practicing the web standard, you do not need to say a DEMO page: It feels okay (with source code download)

Source: Internet
Author: User
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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.