I. Case Sensitive
When CSS is used in XHTML, the element names defined in CSS are case sensitive. To avoid this error, we recommend that all definition names be in lower case.
2. No quotation marks are required for the background image path.To
Browser compatibility-compatibility of the minimum CSS Div height in IE 6 and IE 7
When CSS is used to define the height of a DIV, it can be displayed normally in IE 7. However, in IE 6, the height cannot be defined under 10 PX. This is a bit
It seems like UL and Li, but it is also a new idea. The source code is as follows:
Xmlns = "http://www.w3.org/1999/xhtml">
Gallery
Paul Cezanne
Henri Matisse
Vincent van Gogh
CSS Filter
Style attributes:
It can be used in tags and is more widely used in
among other labels,
More importantly, it is available in labels.
Page switching effect:
Add "" between the front and end of the page ""
Note: duration is the
I saw the sharing: the absolute classic pulley news display (JavaScript + CSS) post is a classic control of CSS + Js. In fact, it can be done with a single CSS, just to be compatible with the junk IE, you cannot create a Js,
The following
Code If
We often combine multiple CSS or multiple JavaScript codes to save requests, but this requires at least two. On the msdn blog, we can see that JS and CSS can also be combined into a file. What should we do? Using annotations, let's take a look at
Tutorials on beautiful Flash slides and SQL labels written with pure CSS + Div!
BelowCodeA little more! But you certainly like it!
Tutorials on beautiful Flash slides and SQL labels written with pure CSS + Div! I don't want to talk nonsense.
1. check immediately if you have any questions
If the originalCodeSimple detection can save a lot of headaches. W3C is available for both XHTML and CSS detection tools, see http://validator.w3.org. Note that errors at the beginning of the file
When I made the DIV height control today, I found that the height of the DIV controlled by IE is not valid when it is very small. I checked the related
Article .
Finally, the solution is available. refer to the following article:
If you want
When writing css style sheets, you may often encounter browser compatibility issues. For example, the display of browsers with different kernels is not necessarily the same. browsers of different versions may also generate up/down compatibility
The progress bar enables users to see how many web pages are downloaded when they enter your website. This has a very obvious effect-that is, it takes a longer wait time for users, it can effectively make up for the disadvantages of Space slowness
Function:
1. The image can be scaled, and the outer frame also changes.
2. After the image is scaled, the bottom of the image is aligned.
3. Move the mouse up and the border is dotted.
Structure:
Source code: ========================================
Additional reading
* Interpretation of absolute and relative
* Position: Level of which relative/absolute cannot be broken
* Supplement the article "levels that cannot be broken through"
Positioning has always been a difficult point in WEB standard
CSS Filter Basics
With the development of Web design technology, people are not satisfied with some of the original HTML tags, but want to be able to add some multimedia properties for the page, such as filter and gradient effects.
I used to reply to several friends about the sliding door code. At that time, I didn't use IE7 or FF. As a result, I found that the code can only be run under IE6, and the code is also very long; today, another friend asked me this question. I had
According to most articles on the internet, you only need to add the following content to CSS:
Code
Table {Table-layout: fixed;Word-break: break-all;Word-wrap: break-word;}Div {Word-break: break-all;Word-wrap: break-word;}
We can solve the
Convert 90 or 180 degrees to "Flip 90 or 180 degrees", and use the image flip filter fliph and flipv.
A table remains unchanged
one simple table
the table is flipped along the X axis horizontal image (90 degrees) A simple table
the
1. Type Selector
Body
{
Font-size: 12px;
}
{Color: blue;}Indicates the selection of the existing tag type in the webpage as the name. The above indicates that the size of all text in the body tag is 12px, and the text color in the paragraph is blue.
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