CSS static filters + a:hover effects
wu xin
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
then with the two lines of JS, made so, still IE onlySTEP2:
wu xin
Translation: Onestab [2004.03.09]
Original: Mezzoblue CSS crib Sheet
When using CSS to build a station, you must have encountered a variety of layout problems, and may end up in a mess. The purpose of this article is to make your design process
Hack through CSS fx/ie7/ie6/ie5.5/ie5 This is the effect of the following FireFox or Opera this is under IE 6 effect this is under IE 7 effect below for a simple distinction ff/ie6/ie7 example &L T;/div> this line of text in FF should be
IE7 fixes many bugs and adds support for some selectors, so now hack that are hidden or displayed for IE, such as *html {} and Html>body {}, will expire in IE7. Although CSS Hack is not recommended, conditional annotations are foolproof filters, but
Learn Web standards for months and follow standard design and make Web pages. Always want to write something, to organize their own experience. Writing this article, mainly for the Chinese layout design, English typesetting because it is rarely done,
There are 4 common ways to associate HTML documents with CSS:
Using the link tag
Use the STYLE element
Using the @import directive
Use the inline style of the style property (inline style)
This is the red word
In practice, inline styles
ie method:
The content within the tag is centered.
Non ie method:
the left and right margins of the mark are automatically adapted to achieve the center effect.
The standard recommended CSS use method is the latter, IE's set of
Difference IE6 with FF:
Background:orange;*background:blue;
Distinction between IE6 and IE7:
Background:green!important;background:blue;
Difference IE7 with FF:
Background:orange; *background:green;
Difference
I have two examples here, if your browser is IE, you can test!
1, first look at these lines of code!
Copy Code code as follows:
Note: I have written more than one Look at the effect, rest assured that this will not
First look at the picture (the image is just roughly done)
Effect Display :
Run Code Box
Untitled document menu menu ;li> Menu;/li>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to
Click to view Effect:
untitled document The following two div style is basically the same, but the first plug-in (understand my meaning on the line) style: Background-color followed by a!important
, so, although the first Div inline
Grammar: style= "Filter:filtername (Fparameter1, fparameter2 ...)"(FilterName is the name of the filter, Fparameter1, Fparameter2, etc. are parameters of the filter)Script syntax: Htmlelement.filters.filtername.fparameter=value;
Filter Description:
Recent work, encountered a lot of problems, one of the problems I think is the most important, that is the order of CSS writing, he can reflect a front-end worker's thinking. If you see this article, do not think about which attribute to write which
Modify your style sheet to find the bottom section (usually at the beginning)
A
Color: #3399FF;
Font-weight:normal; /* Font effect normal can be changed to bold rough body * *
Text-decoration:none; /* Underline effect: no underline * *
}
a:hover
One, the management of CSS
I personally feel more important, and the Internet seems to be relatively few say this
If you manage well, you'll save a lot of time and trouble when you call and define CSS
Here are some of my accumulated
The first is
CSS code:
. list{
margin:0px 10px 20px;
Text-align:left
}
. List ul{
list-style-type:none;
margin:0px;
padding:0px
}
. List li{
background:url (/news/images/line.gif) Repeat-x bottom;
/* The dotted line at the bottom of the list *
/width:
IE5 and its later versions support the use of expression in CSS to associate CSS properties with Javas cript expressions, where CSS attributes can be intrinsic or custom attributes of an element. This means that the CSS property can be followed by a
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