Componentized CSS-manage your entire site CSS files, css-css

Componentized CSS-manage your entire site CSS files, css-css

Why split a style file?

It is easier to search for style rules, simplify maintenance, and facilitate management. You can also provide specific styles for a page.

Why do I need to add a bridge style?

You can add or remove styles at any time without modifying HTML documents.

 

Why do we need to define two media types?

NN4@ Import is not supported, so the Bridge Style cannot be identified.

 

@ Import 'header.css ';

@ Import 'content.css ';

@ Import 'footer.css ';

 

@ ImportsHow to work?

It imports all CSS rules from one file to another. @ import cannot be old

Recognized by the browser.

 

 

ForLarge siteThis is an ideal concept.

 

 

Hack-free CSS

Processing such as IEAnnoying browsersCompatibility is one of our biggest headaches.

Used by many friendsCSS HackTo solve these problems.

The problem is that when the IE version is updated and CSS support is improved, the previous hacks willInvalid!

How did you solve this problem?

"We require you to update your page without using CSS hacks. If you want to target IE or avoid IE, you can useCondition comment."

How does conditional annotation work?

Step 1. Create a style file for IE

Step 2. Add at the beginning of the HTML documentCondition commentCode

Only the specified IE browser version recognizes this style, and other browsers will completelyIgnoreIt.

Common Browser Identification: (non-ie browsers, such as Firefox and Chrome)

 

Identify specific IE versions:

For example, most browsers Add the padding to the container width, but IE5 does not. In this case, IE5 displays a small container.

 

Main.css (identified by all browsers including IE5 ):

# Container {width: 600px; padding: 100px ;}

 

Ie5.css (only recognized by IE5 ):

# Container {width: 800px ;}

 

 

Why is conditional annotation a good solution?

1.No hacks
Specific CSS rules only appear in the new style sheet.

2.File Separation
Styles defined for specific versions of IE are separated from the main style sheet. You can easily remove these files when upgrading and updating properties in IE browser.

3. Targeted
You can define relevant attributes for different versions of IE browsers.

You can set the () AVBScript style table BJaveScri for the appearance of multiple webpages on the website through a css file management.

Multiple pages are configured with CSS external links, which can be seen in the code.
<Link rel = "stylesheet" href = "xxxx.css" type = "text/css"/>

Yes
The javascript you mentioned does not have much to do with the external link of CSS.

Where can I find the CSS folder of a website?

If you have the FTP password of the website, you can find the style file or the CSS folder.

If you only enter the background of the website and cannot find the CSS file