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
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.
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
IE directly with:
Word-break:break-all; /* Allow word wrapping in words */
Word-wrap:break-word; /* content will be wrapped within the boundary */
/* The default to note is: */
Word-wrap:normal/* Allow content to open the specified window border
1. Hexadecimal color value pairs of digits and case
When you write hexadecimal color values you may use lowercase letters or omit them to 3 digits, and there's no real data on how this is going to affect the rendering efficiency of the browser, but
css table 1px border Cell-script home Scripting House scripting House & lt;/td> Scripting House scripting House scripting House Scripting House scripting House scripting House Script House
[Ctrl + A full
CSS table out of hidden fixed layout algorithm. In this algorithm, the horizontal layout is based only on the width of the table, the width of the table border, the cell spacing, the width of the column, and the table content independent
Block IE browser (ie not shown)
Copy CodeThe code is as follows:
*:lang (ZH) select {font:12px!important;}/*ff visible, special statement: Due to the latest opera update, this sentence has now become FF's dedicated hack*/
select:empty
CSS implementation, using expression but in the actual middle of the recommended use, occupy resources and Firefox browser does not support
< ;tr> &L Ttr> < ;tr>
...
Declared in the GLOBAL.CSS
#myArticle {
width:400px;
height:300px;
}
In this case, directly through the JS getElementById (' myarticle '). Style.width is unable to get the value of 400px, because this value is defined in the CSS, so you
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