Original post address: http://www.zu14.cn/2008/12/13/web20_tool/
In the Web 2.0 era, CSS compression optimization, JS compression, and obfuscation are all common technologies.
HereOnline CSS optimization CompressionAndOnline JS File compression
After you discard the support for IE/Mac, the new floating clearing method is as follows:
/* New Clearfix */. clearfix: After {visibility: hidden; display: block; font-size: 0; content: ""; clear: Both; Height: 0;} * HTML. clearfix {ZOOM: 1;}/* IE6
CSS abbreviationMultiple rows of CSS attributes are declared as one row, also knownCSSCode optimization. The biggest benefit of CSS shorthand is that it can significantly reduce the size of CSS files. In fact, there are many other benefits. A
. Clearfix: After {Content :".";Display: block;Height: 0;Line-Height: 0;Clear: both;Visibility: hidden;}. Clearfix {display: inline-block ;}/* Hide from IE Mac */. Clearfix {display: block ;}/* End hide from IE Mac *//* End of Clearfix */
Example:
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, see common CSS abbreviations syntax summary, which is not described here.
Ii. Define the
I saw it last night. Let's record it today.Sometimes we may want the internal link to display different styles from the external link.For example, I want to add a small icon next to the external link to indicate that it is an external link to tell
In the process of learning CSS, it is best to study the good XHTML structure and CSS of others.
new document Home New revised tools forums & nbsp;
Code Conversion from cssdriver
In the process of learning CSS, it is best to study the good XHTML structure and CSS of others.
new document Home New revised tools forums & nbsp;
Code Conversion from cssdriver
Source:
Navigation plays an important role in websites. In the table era, menus are displayed side by side using several TD files.Now, we can use semantic tags, such as Li.Menu 1:
new document link link link
Navigation plays an important role in websites. In the table era, menus are displayed side by side using several TD files.Now, we can use semantic tags, such as Li.Menu 1:
new document link link link
DIV is more difficult to control than traditional tables.
Here is a common three-column layout.
Header
Left
Content
Right
Footer
The CSS part is not very concise. You are welcome to comment and correct it, and
Common CSS naming rulesHeader: Header
Content: content/Container
End: footer
Navigation: nav
Sidebar: sidebar
Column: Column
Overall Layout width of the page peripheral control: wrapper
Left right center
Logon entry: loginbar
Logo:
The tab CSS contains the following classes, which are sequential from the External:
(1). Ajax _ tab_header: A container element that wraps all of the tabs at the top of the tabcontainer.
(2). Ajax _ tab_outer: an outer element of a tab, often used
new document
1 Xiao Wang's shoes are big bad guys, Xiao Wang's shoes are big bad guys, and Xiao Wang's shoes are big bad guys; xiao Wang's kids shoes are big bad guys; 1 Xiao Wang's shoes are big bad guys, and Xiao Wang's shoes are big
Source: Discussing CSS management and optimizationBishua Translator
More and more large websites are paying attention to and using CSS. It is clear that they have objections to managing multiple complex CSS files. The following is the first part of
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