Last weekend, I translated molliza and Google's efficient CSS statement.ArticleAnd I think they have something in common, that is, the CSS parsing engine is parsed from right to left. What we need to do is to reduce CSS.
Engine parsing time, so
UpperCode:
CSS writing
1.css writing
CSS writing test
2. Button Writing Method (which can be used for various special effects)
click to submit
Record it here and forget it.
BelowArticleIs an efficient way to translate Google CSS statements
Article: http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors
Use efficient CSS styles
Overall
Avoid inefficient key selectors matching a
It has been a long time to develop with CSS. I have long planned to make a summary of the css I used. In the next period, I plan to parse some CSS usage one by one. The following is the directory:
1) Vertical-align performance in different browsers
Most CSS attributes are easy to use. Often, when you use CSS attributes for markup language elements, the results are immediately displayed as you refresh the page. Other CSS attributes are complex and can only work in a given environment.
The
CSS style sheets have been written for a long time, but someCSSStyle attributes still have some problems. For example, write in the pastCSS styleForPositionAttributes are rarely used. It is also relatively unfamiliar. Different browser parsing
Start
Z-Index
Attribute can only work in a given environment.
Z-index attributes
It is certainly more frequent than any other attribute that causes (compatibility) Confusion. Once you really understand
Z-index attributes
, You will find
wiseinfo Alibaba Cloud is a sender and sofa.
from http://bbs.blueidea.com/viewthread.php? Tid = 2818595 & extra = Page % 3d1% 26amp % 3 bfilter % 3 drate
1. Upload shadow.gif, shadow2.gif, and shadow2.png to the server, such as root_path/img/
2、 to styles-site.css
. Alpha-shadow {Clear: Both; Background: URL (root_paht/img/shadow.gif) No-repeat right bottom;Float: Left; margin: 14px 0px 0px 8
CSS now provides many features such as advanced options or namespaces. Let's take a look at how to use them. We will show some methods to select and apply some styles to the components: Using namespace for global selection, using ID selection,
CSS Basics
1. Create HTML page 1
2. Create HTML page 2
3. View in the browser
4. webpage display
33218 in http: // localhost: 33218/desktop2/01.htm is the port number, which is not displayed if the default
in Web how to enable CSS writing specifications are important. Correct and standardized writing CSS style sheets can improve the speed of webpages and the compatibility of various browsers, this helps developers who develop Programs
"If you are a CSS expert, you can introduce the CSS sliding door technology in detail ."
CSSSliding Door Technology. I also wanted to be a master. When I answered a question in Baidu's knowledge, I found that there were many CSS sliding door
Of course, as a page layout worker. This is indeed an annoying problem!Then, startCodeRight
Script Language
=
"
Javascript
"
>
If
(Window. Navigator. useragent. indexof (
"
MSIE
"
)
> =
1
)
{ var ie10
Last two articles
Article "
Div + CSSBrowser compatibility instance analysis (I)
AndDiv + CSS browser compatibility Example 2: Understanding CSS hackBoth articles talk about the compatibility between Div + CSS and browsers. This article focuses
The official version of IE8 has a piece of log, but there are few CSS hack for the official version of IE8. In fact, this is fortunate because IE8 has fixed many bugs in IE6 and IE7, closer to W3C standards.
CSS hack for the official IE8 version
This problem is encountered in the component CSS loading solution.
Scenario:
The element style can be written in the style or in the external link CSS. If it is not set, it will also read the default CSS of the browser, now we need to calculate
It is often used for website creation. It is also important to measure the average usage of a div + CSS architect. Different browsers use CSS hack: Difference between IE6 and FF:Background: orange; * Background: blue; Difference between IE6 and
The clear attribute was used at the beginning, but it was used relative to float. I still don't quite understand it when I watched the video today. I checked the information and found it.
The clear attribute value has four clear: Both | left |
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