Let's talk about the case directly ....A: link {text-Decoration: none; color: #004779 ;}// style in the normal link state... no underlineA: active {text-Decoration: none; color: # 0000ff;} // activation status... no underlineA: visited
Original article: efficiently rendering CSS I admit that I don't often think about this ......What is the efficiency of CSS we write? What is the speed of browser rendering? This should be something that browser developers should be concerned
From the Internet:
1. Setting padding for Div under FF will increase the width and height, but IE will not. (available! Important solution)
2. center problem.1). Vertical center. Set line-height to the same height of the current Div, and
{* Rule! Important} the CSS rule has become very popular today in the production of web pages. I used to understand it in the 'browser identification? 'stage, but I have not really studied it, but now it has changed. As we all know ,! The important
Today, I made a CSS style as required. In a DIV, the upper and lower heights are fixed and the middle is adaptive.
See the sample code below:
upper fixed height 100px central adaptive height fixed bottom height 100px
/* CSS file */#
When using tables for web page formatting, it can be used normally. Sometimes you may encounter continuous English words or a bunch of exclamation points (!!!) The phenomenon of opening up webpages :(To sum up, as long as the following sentence is
· UL labels have padding values by default in Mozilla, while only margin has values in IE.· The same class selector can be repeated in a document, but the ID selector can only appear once. CSS is used to define a tag using both Class and ID, if the
Generally:
[1 important flag]> [4 special symbols]> Declaration Order
! Important> [ID> class> tag]
Use! Important can change the priority level to the highest level, followed by the style object, followed by ID> class> tag. In addition, the style
I read an article on the front-end observation (http://www.qianduan.net/to-sprite-or-not-to-sprite.html), I am here a small induction.First, we will introduce CSS spirits. The basic principle of CSS Sprite is to integrate some images used on your
1. Basic Selector
Serial number
Selector
Description
1.
*
Common Element selector, matching any element
2.
E
Tag selector that matches all elements using the E tag
3.
. Info
The class
1. Use background images to achieve high self-adaptability.This method is a visual deception, but the height of the layout element is not equal. The principle is to include highly-adaptive blocks (such as a and B) in a container C and provide a
First, see Figure 1. effect:
The Code is as follows:
The key is to know that the connection between the top, bottom, and left borders is a diagonal line, 2:
Then the figure 1 above is simple. The width of the top border is the height of
Recently, I did not pay much attention to the meticulous work of artists such as Image Positioning and spatial layout in the later stages of the project. I used the temporary Gu Ge | du Niang. I found some CSS skills on the Internet and shared them
1. Why is the hover style unavailable after hyperlink access?
The hyperlink style accessed by clicking is not having hover and active, and the solution is to change the order of CSS attributes: L-V-H-A
2. Double margin bug of IE6
For
I. Use CSS abbreviations
Using abbreviations can help reduce the size of your CSS file and make it easier to read. For the main rules of CSS abbreviations, refer to "common CSS abbreviations syntax summary", which is not described here.
Ii. Define
On the Internet, I read the article about many advanced css ((reset.css), and once again I realized what is "Details determine success or failure ". Original article: Workshop /. The original article is based on the translation plug-in. It generally
Non-original, source network. Thanks to the original author for providing such wonderful articles. Original address: http://www.jluvip.com/blog/article.asp? Id = 186Introduction to delimiter Classification
1. wildcard SelectionSyntax:
* { sRules }
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