The name of this technique isCSS SpriteThe basic principle is to use the background-image, background-repeat, and background-position attributes of the image background series in CSS. In this way, the key to achieving Image Display acceleration is
A list of supported CSS selectors when invoking g (..)
At it's most basic, gimme is a utility for retrieving lots of ElementsQuickly and then acting upon all of them at once. This is done throughA call to the G (...) function.The G (...) function
IE6, 7 (not tested in other versions): When float and list-style-image in CSS are executed simultaneously, list-style-image cannot be executed normally.Code. In general, use background-image + background-repeat to solve the problem correctly. For
1. hexadecimal color value pairs of digits and case When writing hexadecimal color values, you may use lower-case letters or omit them into three digits. No data is found to prove whether this method affects the rendering efficiency of the browser,
I. Font
Positive italic, bold, and small uppercase letters (font-variant: Small-caps)
Note: Some fonts only have uppercase characters, and most fonts do not have small uppercase letters (small uppercase letters)
Font-family: Adobe std r, @
Statement:This tutorial is based on a summary of some of my learning experience. I hope you can help me to improve and correct it. I also hope it will be convenient for beginners, not complete yet, but the author and source should be indicated
Positioning grandfather Element
No parent Element Located
Horizontal stretching of static elements vertical stretching of absolute elements horizontal stretching of absolute Elements
Code
Code highlighting produced by Actipro
I. Box Model (total)
Margin: Maggin border: border padding: padding inner box width: width
Background: Background and color within the border
Overflow
Ii. inline Box Model
Dispaly: inline (FLAG)
Line-Height: sets the height of the
test table CSS
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
test the table
In addition to the floating feature, CSS specificity is also a difficult concept to understand in the style sheet. in general, why do you think some CSS rules that should be applied to elements are not applied by the browser. in order to spend
Create a "graphic and text mixed CSS list. First, analyze the features of this list, and then compile the htmlCodeAnd apply the CSS style to achieve the final effect.
At the top of the page is the topic name "No worries about templates" and the
Jquery & CSS, top and bottom fixed floating toolbar compatible with IE6
Http://www.bluesdream.com
18
December
2012
Now, you can often see some websites (such as Sina Weibo and huaban) Navigation bars or
CSS has a high value for the compatibility of browsers. In general, there is a great difference between IE and Firefox. Here we will introduce the compatibility points.
FAQs:
1. DOCTYPE affects CSS Processing
2. FF: div sets margin-left and
This is a small document I have summarized for many years. The main content is the Javascript and CSS browser compatibility summary. I recently saw someone asking about browser compatibility issues and contributed to them.
Not necessarily all, and
: Http://files.cnblogs.com/livexy/closure_packer_yui_compiler.rar
File List:
Install. cmd is the installation file. Run it.
Uninstall. cmd: uninstall the file and run it.
Function:
1. Right-click the JS/CSS file and select
Direct
I. Text indent
You can use a positive value of text-indent to indent the first line of text.
Text-indent: value
It is applicable only to block elements of terminals and not to structured block elements and restrained elements. By default, the
This chapter summarizes all Positioning
I. Align leftCenter block elements
Invalid inline Element
① Align the content left and assign the text-align: left value to the block element, because the inline element contains the content size.
② Set 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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service