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 easier and provide you with a quick reference when you encounter
The benefits are:
Compatible Ie,firefox,opera;
Conducive to the integrity of the content, SEO-friendly;
No background program processing;
You can adjust the length of the interception at the front desk.
A bad place:
Can not automatically determine
Making an easy site navigation bar is a field in which CSS truly exhibits its unique capabilities. The old way to make navigation bars tends to rely on a large number of pictures, nested tables, and JavaScript scripts-all of which can seriously
Recently, I often have friends to ask me some of the CSS problems encountered in the work. They are always not good at controlling CSS, affecting the efficiency of CSS play. Let me analyze and summarize the error and help you to use CSS more easily.
inline style
embeded style
External style
User Style
Inline style is ugly, they travel in HTML documents, and the HTML elements twist into a group, to the Web front-end developers caused a lot of trouble. They tend to appear in this guise:
this is
Source: http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx
In the table layout design form, is generally used 2 TD to layout, if not table, with CSS How to do it? Look at the following code
Name:
Email:
Notes:
Web sites built with the standards of the consortium can theoretically be separated from the structure by complete performance. For example, it is possible to completely change the skin (performance, CSS) without moving the skeleton (structure,
CSS layout common methods: Float:none|left|right
Take value:
None: Default value. object does not float
Left: Text flows to the right of the object
Right: Text flows to the left of the object
How does it work, look at a row and two columns of
A piece of text or a picture with a circle of halo around it, which flashes every second, and when the mouse moves over it immediately stops blinking and continues blinking as the mouse moves away. This effect is useful for content that requires
Many friends asked me absolute and relative how to distinguish between, how to use? We all know that absolute is absolute positioning, relative is relative positioning, but what does this absolute and relative mean? Absolutely, where is the absolute
If you can apply CSS well, your homepage will be nicely dressed. Here is a description of the use of CSS to make a special mouse click Effect Chart.
1, copy the following code to your homepage and between.
〈style〉.shadow {Filter:shadow
CSS element Positioning
1. position:static| No locationPosition:static is the default value for all elements to be positioned, usually without reference, unless there is a need to cancel the inheritance of other positioning
Example#div-1 {position:
A class is used to define one or more elements based on user-defined criteria. A more appropriate analogy is the script: A class can define the story lines of each character in the script, and you can use this class by Css,javascript. So you can use
It's funny, there's no technical content, I laughed.
No use to JS, pure CSS control.
The pop-up image does not "squeeze" the next container.
Test passed IE7 Firefox2.11. (Theory compatible IE6)
This example is designed to show that when
Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations are as follows:
Color
16 The color value of the binary, if the value of each two digits is the same, you can abbreviate
Just think of these years of writing CSS and XHTML experience, summed up into a "Chiven" to share. Helpless I have been high, really a bit powerless. Then on second thought, you can use the form of notes to show, so you do not have to worry about
Author: cutsin
Original address: http://www.moonless.net/blog/2007/09/csspositionz-index.html
Note: This article is only for the exchange of use, if there are improper places to welcome criticism, but please specify the details by, thank
Boundary superposition is a fairly simple concept. However, when you lay out a Web page in practice, it can cause a lot of confusion. Simply put, when two vertical boundaries meet, they form a boundary. The height of this boundary is equal to the
Detection results in the speed diagnostics of the Web site of the card network:
The HTML page has successfully enabled gzip compression
The CSS file was not successfully enabled for GZIP compression
Later, the study found that IIS enabled
So I would like to use a convenient to call and update the method to achieve, the result is fulfilled. Let's summarize this technical point as follows:
Before this I also looked for the current network of the most popular approach to the
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.