You may write CSS on one page or multiple pages to achieve different effects.
Here is a better method
It is generally classified as follows:
First, separate CSS files with different functions
For example:
Color.css
// Color
Layout.css
//
The previous examples are no longer summarized. The previous examples can be well summarized.
Gradually discover the differences between IE and other browsers
Such as margin and padding
Post my exercises directly (in fact, we have never used many
1. css id name
Outer cover: Wrap
Main navigation: mainnav
Subnavigation: subnav
Footer: footet
Entire page: Content
Webpage: Header
Footer: footer
Standard: Label
Title: Title
Main navigation: NAV (mainnav/globalnav)
Top navigation:
Author of the following layout: Owen Briggs http://www.ynutx.net/blog/user1/rainoxu/archives/2006/2439.htmlSingle Row Single Column
Single Row Single Column 1: Float float floating in the upper left corner, fixed width.
Single Row Single
Squishit is a component that easily compresses and merges CSS and JavaScript files. It also uses dotless to process CSS. Its dependent components are: Dependencies
IDVersion range
Yuicompressor. net(≥1.7.0.0)
Dotless(≥1.2.2.0)
Ajaxmin(≥4.46.44
ArticleDirectory
Calculating CSS specificity Value
Sample calculations
Important Notes
Resources
The best way to explain it is to start with an example of where specificity gets confusing and perhaps doesn't behave like you
By default, the python document tool sphinx generates tables to show complex content,A little weak.
The lines on the left and right of the table are not neat .. (Personal opinion)
In fact, the document clearly states the following addresses:
ArticleDirectory
Difference between IE6 and FF:
Difference between IE6 and FF: Background: orange; * Background: blue;ZookeeperFirefox IE 6Difference between IE6 and IE7: Background: Green! Important; Background:
I have collected and sorted out the compatibility solutions for IE7, 6 and fireofx from the Internet. For over-compatibility with Web2.0, try to write in XHTML format.
Code And doctype affects CSS processing. as W3C standard, doctype must be well
I believe that most of my friends are victims of IFRAME Trojans, and some of my friends have been injected into IFRAME. Moreover, it is easy to inject IFRAME into ARP attacks, and only the LAN is always under threat. It is close to the New Year's
Many other attributes of CSS are easy to understand, such as fonts, texts, and backgrounds. Some CSS books will also introduce these simple attributes in a great way, but ignore the explanation of some difficult attributes, which may be avoided.
The two divs are side by side, the left side is absolute width, and the right side is relative width. I often encounter this problem. My general solution is to fix the maximum container padding-left width, position: absolute, and the width of right
Position
How to locate the retrieved object.
Valid value:
1. Static
Default Value. No special location. html positioning rules are followed.
Note: When position is static, defining top, left, bottom, and right does not
Click on a color name, or a hex value, to see the color as the background color along with different text colors.Click a color name or its color value to see if these colors match with other text colors after they become background colors.
1. The section (P tag) cannot be nested with Div.2. CSS: stacked style files. The same tag can be modified with multiple styles.3.css type: inline, embedded, external, and input.
Inline: aaaaaaaaaaa Disadvantage: Poor reusability.
> Is a subselector used to match the Direct Generation of other elements, belonging to css2. For example:Body> P {color: red ;} content content Only the first match, and the second p is the lower-level of the DIV, so it is the child level of
In fact, the concept of CSS sliding door has already appeared a few years ago, but it has been mentioned more recently. But some people often confuse it with the tab effect, especially some new friends, so I will write a detailed explanation here,
Currently, there are two methods to achieve dynamic loading of CSS:
I. js
Reference http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx
The main content is as follows:
First, it is generally used to load necessary files in external
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.