CSS optimized compression, JS compression, and small image synthesis-essential tools for Web 2.0 development

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

HTML, CSS

H1 {color: red; font-size: 14px ;}H1, H2, H3, H4, H5, H6 {color: green ;}Li strong {font-style: italic; font-weight: normal ;} ID:# Red{Color: red ;}# Sidebar P{Font-style: italic; text-align: Right; margin-top: 0.5em ;} Class:.

CSS universal closed tags (commonly used)

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

You can use 10 CSS shorthand skills forever.

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

CSS universal closure code

. 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:

[CSS menu] vertical dotted menu

new document navigation Home about us computing Web sites games Links

CSS optimization and skills

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

CSS attribute Selector

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

CSS tab menu 2

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

[Import] CSS tab menu 2

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:

[Import] menu for beginner Div + CSS

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

Beginner Div + CSS menu

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

[Import] layout of beginner Div + CSS

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

CSS naming Rules reference

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:

CSS attributes of tabcontainer in Ajax

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

Solutions to various margin problems compatible with CSS of IE6, IE7, IE8, and Firefox-

External . Main {float: Left; # Float: none; _ float: none; HTML *. Main {float: Left; # Float: none; _ float: none ;} * + Html. Main {float: Left; # Float: none; _ float: none ;} * Html. Main {float: Left; # Float: none; _ float: none ;} Lines 3

Use CSS + Div to control the scroll bar

The following is the code. It is easy to implement using Div. Create a scroll bar for div scroll bar text

Effect of CSS ellipsis

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

File contenttype-webpage design, HTML/CSS

". *" = "Application/octet-stream" ". 001" = "application/x-001" ". 301" = "application/x-301" ". 323" = "text/h323" ". 906" = "application/x-906" ". 907" = "Fig/907" ". A11" = "application/x-a11" ". ACP" = "audio/X-Mei-AAC" ". Ai" =

Discussion on CSS Management Optimization

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

Total Pages: 901 1 .... 826 827 828 829 830 .... 901 Go to: GO

Contact Us

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.