Original article: efficiently rendering CSS
I admit that I don't often think about this ......What is the efficiency of CSS we write? What is the speed of browser rendering?
This should be something that browser developers should be concerned
/*Analysis of monster mesh Board
*/# The nav navigation starts and serves as the layout on the top of the website# Navmain includes images and logos# Navlogo Website Logo# Navlogo# Gsmymenu operation menu drop-down menu layer after personal Logon#
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
Original article: http://www.cnblogs.com/zhengchuyu/archive/2008/07/30/1256890.html
Transparency often produces good web page visual effects.Compatible with the CSS transparency of mainstream browsersCode:
. Transparent_class {filter: alpha (
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 |
Firefox: When div is set to margin-left and margin-right is set to auto, it is already centered. IE is not working.
When setting text-align for Firefox: body, you must set margin: auto (mainly margin-left, margin-Right) for the DIV to be centered.
There are many different methods to use CSS to implement vertical center of objects. It is difficult to choose the correct method. I will explain the good methods I have seen and how to create a good Center website. It is not
View HTML
Code :
Example source code
[Www.52css.com]
my homepage
I love CSS
my homepage
my logs
my logs
my album
my favorites
Community Circle
I love CSS
my homepage
my logs
my album
my favorites
my
1. 2. 3.
Some people often encounter parameters in JavaScript and CSS files loaded on HTML pages, such:There are two possibilities for using parameters,* The script does not exist, but is dynamically generated by the server. Therefore, a version
HtmlFrom the beginning to the end of the HTML document:
make the width of the content adaptive to the width of the device, one that must be added to mobile Web
disable mobile phone number links (for iPhone)
set the icon of Your webpage in
Html
Xmlns
= "Http://www.w3.org/1999/xhtml"
>
Head
>
Title
>
CSS rounded corner effect without image implementation rounded corner Frame
Title
>
Meta
HTTP-equiv
= "Content-Type"
Content
= "Text/html;
The source is unknown! But it is worth adding to favorites!
Currently, CSS + div is widely used to design webpages. Many CSS + Div template resource stations outside China are willing to share their own templates, some good templates provide
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.