If you can apply CSS well, your homepage will be well-dressed. The following is to introduce a mouse with CSS to make a special click.
1. Copy the following code to your home page and between.
〈style〉.shadow {Filter:shadow (color=blue,direction=225)}
Inadvertently see a very nice little trick. It's about using CSS to handle closed floating elements.
The method of closing floating elements (clearing float) is now a lot, you do not know the words to OLD9 blog to see, there is a closed floating
Author: Flyingbird from: Blue Ideal
Font processing in the Web page design, no matter how much emphasis is not too, after all, the use of Web pages to convey information, and the most classic most direct way of transmitting information is text, so,
First, use the Style property
Add the style attribute directly to the individual component label,
例如:
The advantage of this usage is that it is dexterous to apply styles to each label, but the disadvantage is that there is no "uniformity" of
With the relative positioning and offset properties, it is very good to realize the interface which needs to be realized by the image before, and it is very convenient to realize it. For example, when a user is required to enter some information, we
1.CSS Font Shorthand rules
You might do this when you use CSS to define fonts:
Font-size:1em;
Line-height:1.5em;
Font-weight:bold;
Font-style:italic;
Font-variant:small-caps;
Font-family:verdana,serif;
In fact, you can abbreviate these
Objective
Not until the next generation of web development technology RIA technology matures, of course, but also to fight HTML. Some time ago, "website refactoring" was very hot,
These are progress, and indeed give us new ideas. Here to summarize
New Document Zhang San John Doe Harry math 55 66 77 English 99 6871 Chinese 33 44 55
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
The following code normal debugging must IE5.5 above browser
Save Clear Load
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
The most typical practical upper and lower, and in the middle of the three-column layout, this example has 2 features:
1. The middle three column effect, can be arbitrarily implemented single-row background color.2. The overall narrowest 770px, the
One, the management of CSS
I personally feel more important, and the Internet seems to be relatively rare to say this
If you manage it, you'll save a lot of time and trouble when you call and define CSS.
Here are some of my accumulated
The first
Table Effect Table
" "
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Table Effect DIV+CSS
1 2 3 4 5 6 7 8 &L t;li>9 10
[Ctrl + A full selection Note: If
Free to have nothing to do, tidy up some CSS text effect, to beginners. Below to do an example, this is the most basic filter application, in fact, two or several different combinations of filters will get unexpected results, encounter problems
You may have realized that you can create CSS rollover effects by specifying different styles for each key, including regular link links (normal), access, rollover, and activation. And, you might also know that the order of CSS types can make an
A: None set postion, general nesting relationship
B: outer div Only set relative, general nesting relationship
C: Only within the div set Absolute, the document is a nested relationship, the page within the DIV floats [non-float], relative to the
List interlaced color refers to the news and the article list, the previous line and the back row of the background color alternately display, also known as zebra, to the page can add color. See small Yi in Bi's post "standard interlaced color
When using CSS to build a station, you must have encountered a variety of layout problems, and finally may be a mess. The purpose of this article is to make your design process easier and provide you with a quick reference when you encounter
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.