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.
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
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
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
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:
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 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
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
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
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
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
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
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,
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
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
(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 #
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
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 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 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.
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.