1 Principle 1: it is better to specify inheritance 2 Principle 2: # ID>. Class> tag Selector 3 Principle 3: more specific and more powerful 4 Principle 4: Tag # ID> # ID; tag. Class>. Class 5 6 CSS priority weight
To adapt to different versions of different browsers (ie is the main version), we need to be compatible with 6-9, and its 10 is coming soon... In IE, we can write condition comments to distinguish ie from other browsers, as well as IE versions.
CSS has a high value for the compatibility of browsers. In general, there is a great difference between IE and Firefox. Here we will introduce the compatibility points.
1. doctype affects CSS Processing2. FF: When Div sets margin-left and
Http://loo2k.com/blog/why-avoid-css-expression/ Why avoid using CSS expressions?
4
July 12|Frontend Development|Add a comment
I have previously published an articleArticleTo solve the fixed positioning problem of IE6 position: fixed, we will
Today, I found a rounded corner demo written in pure CSS in my previous favorites during File Sorting. I would like to share it with you.
Doctype html > Html Lang = "En-us" > Head > Meta Charset = "UTF-8" > Title >
ArticleDirectory
1. Variables
2. Hybrid
3. Mixed Parameters
4. nested rules
Less is a style language that provides CSS with dynamic language features, such as variables, inheritance, operations, and functions. Less can be
We will inevitably encounter browser compatibility problems when making pages, especially IE6. How can we be compatible with all browsers? The answer is CSS hack.
The followingCodeIt is some common CSS hack I have compiled myself. I hope it will
I wrote one beforeCreate a border with a triangle with pure CSS, That articleArticleIt uses special HTML characters to create triangles. Today we will introduce how to use border to create triangles.
HtmlCodeAs follows:
Div Class = "Arrow-up"
CSS attributes and delimiters
The syntax structure of CSS consists of three parts: selector, property, and value ).Usage:Selector {property: value ;}
Selector)This set of style encoding objects can be An XHTML tag, such as body and H1,
CSS Basics
1. Create HTML page 1
2. Create HTML page 2
3. View in the browser
4. webpage display
33218 in http: // localhost: 33218/desktop2/01.htm is the port number, which is not displayed if the default
More and more browsers mean that it is more difficult to develop Web Front-end. The current browsers have the same kernel, and there will be some differences in CSS compatibility! Previous usageCSS hackIt is not easy to use too manyCSS hackFor
In combination with the after or before pseudo class, some content is appended to the beginning or end of the element. The quotation marks of content: "Are the added content. For example, we write as follows: learning and learning is nothing more
Add a class to a P label, but some attributes in the class do not work after execution. The firebug check shows that the property that does not work is overwritten. At this time, I suddenly realized the priority issue of the CSS selector. Here I
The difference between CSS display: none and visibility: hidden is described here. Visibility: hidden is hidden, but the position is retained during browsing. CSS display: none is regarded as nonexistent and not loaded!
Do you know the
CSSSimple use of styles
When you are working on a project, you can use a row to display the content in several columns.DatalistBinding. But sometimes because we are not a designerCodeNot conducive to ourItemtemplateContent.UseUl + LiIn
1. Introduction: Why is table formatting unwise? The table exists in HTML for the purpose of displaying the table-like data. However, border = "0" allows designers to place images and text in this invisible grid. So far, tables have dominated the
I have been busy recently, so I cannot sort out front-end development standard documents intermittently for the time being! I think the content is detailed and rich. I will share it with you several days later! Now, we will share the xhtml css
Recently, an external outsourcing service for a foreign project has been provided. The customer requirements are strict. All the layout of the page is DIV + CSS. The page must be compatible with multiple mainstream browsers such as IE6, IE7, Firefox,
CSS is compatible with IE6 IE7 and FF. I hope it will be helpful to people who encounter the same problems as me in the future.
I. CSS HACKThe following two methods can solve almost all today's HACK.
1 ,! Important
With IE7! Important Support ,!
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.