First getting CSS Architecture

Source: Internet
Author: User

The following figure shows how to convert objects to div1_css, and how to change objects to a Web page. However, an index.html page, CSS folder, and image folder are added each time. However, if a website is composed of many webpages, there will be more than n pdf files. After conversion, there will be more than n css folders. The image folder can be put together, but what about CSS files? You cannot call all CSS files on every page. This will definitely affect the speed. Baidu and Sina do not have CSS. You can be handsome. All the styles on this page are placed in the header of a page. Then I checked the information and found more than N records.ArticleThey are all the same and do not know who copied them. There are almost three methods: 1. Make a few CSS files, and load the pages as needed. 2. For a public CSS, the header and footer are loaded with different CSS, but the disadvantage is that the public CSS is too large. 3. A public CSS, and other CSS types. For example, the examples of Table1 are all stored in table1.css, and you can call the CSS with the style you need.

These methods are too complicated and require architectural design or something. I certainly cannot do this for a while. Besides, I do not want to be a professional artist. So I decided to define only one public CSS, and then one CSS for each page, which is convenient and powerful. There are only two CSS for one page. How handsome! Then I studied a website architecture and found that each page calls the same header, so I won't put all CSS in this header template, right? Yesterday I saw a colleague get a page with nine CSS files, and the change was so painful. So I studied whether CSS can be loaded without the header, and the result is really good. I tried using include for a long time. In this way, the update of the new template is much simpler. You can design the CSS architecture as needed.

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.