CSS Common optimization techniques

A. Use CSS abbreviations Using abbreviations can help reduce the size of your CSS files and make it easier to read. The main rules for CSS abbreviations refer to the common CSS abbreviation syntax summary, which does not expand the description.Two.

em px difference in CSS you really know that?

The font unit in the production of the site should use EM instead of PX, the reason is simply to support the IE6 under the font scaling, in the page Ctrl + Wheel, font to PX as the unit of the site does not respond, in this article will be detailed

Discussion on CSS sprites technology and its optimization

CSS Sprites technology for the vast number of front-end engineers should be not unfamiliar. What exactly is the problem with this guy who is nicknamed CSS Sprite CSS by a domestic developer, and how do we use this technology properly? Let's talk

5 ways you may not know about JavaScript and CSS interaction

  Web pages have. js files and. css files, but this does not mean that the CSS and JS are independent of the interaction, the following share JS and CSS interaction 5 ways As browsers continue to upgrade, the boundaries between CSS and JavaScript

Recommended 10 articles for VW units

When dealing with mobile pages, we sometimes need to make the banner diagram a wide square with the screen to get the best experience, such as the Flipbord mobile page: So how do you use pure CSS to make a square that can fit the size? Scenario One:

CSS for responsive full-screen background image

A very popular form of Web page is full screen large map, this article will be the simplest way to achieve this effect. CSS attribute background-size is used, without JavaScript. Core Concepts Use the Background-size property to populate the

The use of CSS background background property

The background (background) is an important part of CSS and one of the basics of CSS that needs to be known. This article will cover the basic usage of the CSS background (background), including properties such as Background-attachment, as well as

Several properties of CSS Display,float,clear,overflow,visibility

http://colobu.com/2014/08/28/CSS-display-float-clear-overflow-visibility/ Display Properties: Block/inline/none Display:block (function is to display the row property label as a block attribute tag, you can set the width height);Display:inline (the

5 ways to hide page elements with CSS

There are many ways to hide page elements in CSS. You can set opacity to 0, set visibility to hidden, set display to none, or set position to absolute and then set the location to a non-visible area. Have you ever wondered why we have so many

Understanding CSS/CSS3 Native Variable var

A variable is a good thing In any language, the variable has a bit of the same effect, that is to reduce maintenance costs, accompanied by higher performance, the benefits of higher file compression ratio. With the CSS precompiled tool

Use CSS to wrap text around a picture effect

This article mainly for you in detail the CSS text around the picture encountered problems and solutions, interested in the small friends can refer to CSS for wrapping text around a picture effect text around the picture , in Word just click on the

10 Recommendations for background

Through the CSS in the linear-gradient main can show a different direction of the stripe effect, here we understand the CSS to create Web page stripe background style sharing skills, the need for friends can refer to the next, horizontal stripes The

Summarize the use of the minimum width min-width and maximum width Max-width property in CSS

The CSS Width property is the word width, Width breadth contains two important attributes: Maximum Width property max-width and minimum Width property min-width. The Maximum Width property (max-width) is used to define the maximum width display,

On the core architecture design of div background color

This article mainly introduces the CSS settings p background color method, the need for friends can refer to the next, p tags directly set the background color code as follows: Background for the Black p label set the background color to black, the

CSS3 complete the picture Lowpoly animation effect of the process detailed

This article mainly introduces the CSS3 implementation of any image Lowpoly animation effect instance, which is a combination of CSS3 animation properties of Lowpoly (low-poly style) effect, the main use of CSS3 transform properties of rotate

Detailed CSS various selectors and import imported style sheet There are some pseudo-class selectors

(a) CSS selector: 1. Tag Selector: Select the tag directly from the HTML tag name 2. Class Selector: Select the label with the class attribute added by the name {} of the. Selector 3.ID selector: Select the tag with the id attribute added by the #

Sharing an instance of CSS using Flexbox to achieve a center effect

This article to share the CSS in the use of Flexbox to achieve the center effect of the example, pay attention to the compatibility problem in IE browser, the need for friends can refer to the following The future direction of CSS is to use the

Pure CSS3 Draw Lighter animation Flame effect example code

This example for everyone to share the pure CSS3 draw lighter animation flame effect of the specific code for your reference, the specific content as follows The following properties are mainly involved: animation (webkit-animation), @keyframes

HTML link, html link

HTML link, html link HTML uses a hyperlink to connect to another document on the network. You can find links on almost all webpages. Click the link to jump to another page. Try-instance HTML linkHow to create a link in an HTML document. (You can

95% of Chinese websites need to rewrite CSS, and 95% of Chinese website css

95% of Chinese websites need to rewrite CSS, and 95% of Chinese website cssCSS needs to be rewritten for 95% of Chinese Websites For a long time, I used 12px as the main font size of the website. 10px is too small, and the eyes are very tired.

Total Pages: 901 1 .... 115 116 117 118 119 .... 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.