You can define the link styles in different content blocks by different rules. Similar to this: #nav a:link or #main a:link or #footer a:link. You can also define different styles for the same elements in various content blocks. For example, the
We all know that the greatest feature of the Web page is the "link", and this is what we now seem to be accustomed to, so that our lives have undergone great changes, and this little label has made the world's countless internet geniuses. So let's
The following code is recommended
Copy CodeThe code is as follows:
a {outline:none;/* for Forefox */}
A {star:expression (This.onfocus=this.blur ());/* for ie*/}
The following code is more troublesome
We use the HTC file approach to solve this
This is a very simple application, but in the design, this can reduce the pressure on the server, is the number of requests decreased, is a good way.
In particular, in this small picture, even two pictures in fact, the response time is not much
Finally thank Raozou to share the effect code!
-
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Description: This code does not have a document type and namespace declaration, I have tried, if
It's not like you're using display:lnline. Why is it different from span?
What's even weirder is that there's no difference in FF execution.
xxx xxx xxx xxx I was without the interval of Great Hutia, dig hahaha
[Ctrl + A full selection
The benefits are:
Compatible with Ie,firefox,opera;
Good for content integrity, SEO friendly;
No background program processing;
The length to be intercepted can be adjusted at the front desk.
A bad place:
Cannot automatically determine the length
See a lot of netizens on the tbody properties of the discussion, I deliberately made an example, I hope to be helpful to everyone.
Scripting House tbody Tab effect Demo Current Location: Exhibition Hall distribution > A Pavilion 1
Oneself with a symbol to replace, but found how to display are relatively small, and then my own research to find that my fonts are all defined as Tahoma, as long as the use of "song body" on the normal.
--design by Script house Script
We can analyze the subtle differences in one piece of code:
How many methods can we use to index this text box object in IE browser? (For the sake of differentiation, we set the name and ID to a different value)
1. Odemo
2. Demoform.odemo
3.
We're going to create a test with an HTML file, and here's the key snippet of code
Copy CodeThe code is as follows:
遵守我的版权 遵守我的版权 遵守我的版权 遵守我的版权 遵守我的版权
In the above code I will apply the
Block IE browser (ie not shown)
*:lang (ZH) select {font:12px!important;} Special for/*FF */
select:empty {font:12px!important;}/*safari Visible */
Here select is the selector and is replaced as appropriate. The second sentence is unique to the
And now there is more and more demand for inline-block attributes, but still only Firefox3 beta, IE8 beta, opera, Safari support Inline-block attributes (note: Originally only Opera, Safari support), but I E6, IE7 can be simulated by triggering
Copy the Code code as follows:
List One
List II
List three
We want the implementation of Li to be floating, and centered (the number of Li is not fixed, the UL width is unknown). can set the UL Text-align:center, and
Red color
Equivalent to
RGB (255,0,0)
Equivalent to
RGB (100%,0%,0%)
Equivalent to
#ff0000
Equivalent to
#f00
There are 17 pre-determined colors, which are:
Aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
Olive, orange, purple, red,
Write this effect and be familiar with the following:
1, the relative positioning of the absolute positioning;
2, CSS for browser HACK;
3, understand several border, and can realize the change, and add the border, the width and height of the
Example:
*[LANG=FR] {font-size:14px; width:120px;}
*.div {text-decoration:none;}
2. Type Selector
Grammar:
E {Srules}
Description
The type selector. Use the document Language object (Element) type as the selector.
Example:
TD {Font-size:14px;
I have two examples here, if your browser is IE, you can test it!
1, first look at these lines of code!
Copy CodeThe code is as follows:
Note: I wrote one more
, this label is not closed!Look at the effect, rest assured, this will not die!
Click to view the results:
untitled document The following two div styles are basically the same, but the first plug-in (understand my meaning on the line) style: Background-color a!important behind, So, although the first Div line CSS
They are used to combine a large chunk of HTML code with certain information, most of which are associated with elements using Class attribute class and Identity attribute ID, see CSS Intermediate Guide class and ID selector.
The difference
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