Code for vertical center effect of images compatible with multiple browsers
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
HTML has tags and CSS has selectors. The selector is used to name internal and external styles. Each selector has attributes in {}, such as simple points like color, font-weight or background-color. Values are separated by semicolons after colons
Css enforces no-line feed automatic line feed force-line feed not line feed
P {
White-space: nowrap;
}
Automatic line feed
P {
Word-wrap: break-word;
Word-break: normal;
}
Force an English word to break a line
P {
Word-break:
In the CSS layout, you can use javascript to determine the browser version. See the following javascript script: if (window. XMLHttpRequest) {// Mozilla, Safari,... IE7
Alert ('mozilla, Safari,... ie7 ');
If (! Window. ActiveXObject) {// Mozilla,
In the past, JavaScript was used to control the image size. Sometimes our advertisements become small, so they are generally directly controlled in the content area, this method uses the css expression method. I wonder if the Taoist school has ever
CSS code simplification is very beneficial and necessary in the work. When writing CSS code, there are often redundant code. To improve the quality of the code and minimize the number of files, you have to simplify the CSS code to make the code
Today, I visited the blue ideal and saw the Realazy tutorial CSSSprites. So I made a little thing myself. The effect is here.
This is a very simple application, but in the design, this can reduce the pressure on the server, is a good way to reduce
Two days ago, I installed IETester to facilitate testing. After installation, I found that IE8 has two areas that need your attention. The IE5MAC filter is also valid for IE8 Beta 1.
IE8 Beta 1 does not support word truncation, that is, it does not
Today, many websites, including Baidu and kaidian, have become black and white pages, reflecting the deep condolences of the Sichuan earthquake. However, good webmasters do not necessarily know the method, I thought it was a huge number of revisions
A page has four Iframe entries to display the flash content. The second iframe is controlled by Javascript and appears only when a specific cookie exists. Otherwise, the page displays common text.
How to solve Iframe display Bug when Firefox Returns
The Iframe self-adaptive height obtained from the Internet is not self-written! I forgot where to find it, or I must specify the source! Put it out and leave a backup for yourself!
The Code is as follows:
Web page layout often requires a part-time multi-browser, so the following csshack can be used, but it is best to use less, have to use the difference IE6 and FF:
Background: orange; * background: blue;
Difference between IE6 and IE7:
Background:
Recently, some "top-level skills" for CSS writing have been presented to all cssers ". Many practical css skills include css abbreviations, css declaration in one line, and code writing in multiple parts.
Top CSS skills, p + css layout required _
Use div + css (for example, I don't like it, but what is it ?) There is not much to say about the advantages of the layout. If float is often used, it is necessary to clear the float, it is also considered to be one of the good habits of writing CSS
From today on, I will fully share all the WEB standards that I can understand and put on this "How hard is WEB standards ?" In the column. Of course, due to the limited level of vibration, it is not completely correct. When reading this column, you
Summarize the general solution to clear the float, and pay attention to it when making webpages.
Clear with empty tag
. Clr {clear: both ;}
Left
Right
Use overflow attributes
# Layout {overflow: auto; zoom: 1 ;}
You can add olulli and p to dt and dd. After understanding this, it will be much easier to use div layout, in fact, w3c provides many element-assisted la S, which are useful instead of div. Block-level element p should be used as little as possible.
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