For style name
If you only want IE6 to see it, use * html. head {color: #000 ;}If only IE7 is visible, use * + html. head {color: #000 ;}If only FF is visible, use: Root body. head {color: #000 ;}If only FF and IE8 are visible, use HTML>/**/body.
Filter Effect
Function Description
Alpha
Set different transparency changes
Blur
Create a blur effect
Dropshadow
Creates an offset image profile, that is, a projection shadow.
The blendtrans filter is simpler than the revealtrans filter introduced in the previous article. It has only one parameter: The duration conversion time, and has a single function, that is, it produces a fade-in effect, however, this effect is much
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
Doctype HTML public
"
-// W3C // dtd xhtml 1.0 transitional // en
"
"
Test the new CSS.
Shield ie browsers (that is, they are not displayed under IE)*: Lang (zh) Select {Font: 12px! Important;}/* FF dedicated */Select: Empty {Font: 12px! Important;}/* safari visible */Here, select is the selector, which can be
BTN adaptive content size, which is no longer a new method. Many people will use it, and the effect is more practical.
Here we just put the following in https://addons.mozilla.org/CodeThe button is put forward for ease of use, and the image name
Supports all browsers and returns to the topCode, JS implementation, CSS assistance. After the page leaves the top of the page for a certain distance, the return button or image appears. Click Back to the top and then scroll to return to the top.
Info for http://www.ajaxload.info/loadingHttp://www.bigik.cn/blog/article.asp? Id = 182
If you know about the popular Ajax, you must have seen a small animation similar to loading:Below are several websites dedicated to providing this type of GIF
Difference of CSS in IE6, IE7, and Firefox
The first is the CSS hack method. Height: 20px;/* For Firefox */
* Height: 25px;/* For IE7 & IE6 */
_ Height: 20px;/* For IE6 */
Pay attention to the sequence.
This also belongs to CSS hack, but it
I have never understood the setting of the padding attribute value.
I can understand this.
For example:Body {padding: 36px ;}Body {padding: 36px 24px ;}Body {padding: 36px 24px 18px ;}Body {padding: 36px 24px 18px 12px ;}
I checked the
From: http://www.yoyopo.cn/post/252/
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it is not difficult to collect IE7 from the Internet, 6. Solve the problem of
If you are learning CSS at the beginning, it means you have a lotCodeOr the structure may need to be optimized. For example, you may have used classes too much, added unnecessary intervals, or empty rows. This will lead to code bloated, confusion,
Common CSS layout Methods
Float: None | left | right
Valid value:
None: default value. Objects are not float
Left: Right of the text flow object
Right: Left side of the text flow object
How does it work? Let's look at an example of one row
In webpage design, JavaScript is often used to change the style of page elements. One way is to change the CSS class of page elements. In traditional JavaScript, we usually process HTML domClassnameJquery provides three methods to implement this
1. Position: static | no location
Position: static is the default value for positioning all elements. It is generally not required unless there is a need to cancel the inheritance of other Positioning
Example: # div-1 {
Position: static;
}
2.
CSS + JS control text
style sheet controls the corresponding text
before the Gulf War, Saddam was a" Lion "in the eyes of many Arab groups, especially Palestine ", it seems that only he can lead the Arab brothers to defeat Israel and
Use CSS to implement dynamic prompts
Can I implement information prompting without JS ?! (Except title and ALT)
by [51js.com] zdzhuo
ie5.5 +, opera7.0, netscap7.0, and mozilla1.4 can all be used properly
This is the prompt message
CSS text attributes: color: #999999;/* text color */ font-family:, sans-serif; /* text font */ font-size: 9pt;/* text size */ font-style: itelic; /* italic text */ font-variant: Small-caps;/* small font */ letter-Spacing: 1pt; /* spacing between
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.