I have a good understanding of CSS styles for web development, so that all browsers can correctly parse webpages. Today, let's talk about padding first.
When creating a webpage, it is displayed normally under IE7, and some hack methods are
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
Summarize the process of thinking about CSS writing. Record
1) observe the Page Structure and divide small modules,
2) Look for identical and similar structures (those are the same and those can be merged ),
3) extract similar structures (Plan
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
Jquery/ajax/JavaScript/Div + CSS:
Head first choice Crip (Text PDF)
Http://www.hztraining.com/bbs/showtopic-1407.aspx
The beauty of changes-reveal the secrets of divcss web page layout (case studies)
Http://www.hztraining.com/bbs/showtopic-1
1. Differences between IE and non-ie browsers# Tip {Background: Blue;/* Non-ie background colors */Background: Red \ 9;/* IE6, IE7, and IE8 background colors */}
2. Differences between IE6, IE7, IE8, and FF[Difference]: "\ 9", "*", and
Let's not talk about anything else. Let's take a look.
This is after expansion
This is after the contraction
Using jquery to implement this function is just a few functions. Let's take a look at the keyCodeRight.
Code highlighting produced
ArticleDirectory
What is doctype?
What doctype should we choose?
Influence of doctype on CSS and JS
What is doctype?
Doctype is short for document type. It is used to describe the XHTML or html version you are using. The DTD
SeeArticle: Writing efficient CSS
1. Place CSS inCodePut stylesheets at the top)
I think the official explanation is a bit vague. This actually correspondsUser Access expectation. CSS is placed at the top, and the browser can parse and render HTML
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
One idea can only be mainstream when many people use it. A set of solutions can be implemented only after everyone's approval. I hope that friends at the front of the Chinese site can roughly read the style content and give valuable comments.
CSS FilterLoaded to the style attribute. style attributes: can be applied to tags, more available and widely used in More importantly, it can be used in tags.Note: The CSS Filter does not work for Firefox.
1. Gray filter. effect: make
Style is also a label (supported in non-ie kernel browsers), directly
When we set the style to contenteditable, the content can be edited. After careful experience, if we change the background to red.
As long as the writing is complete, it
Combined with the Javascript drop-down menu, I also wrote a lot about the pure CSS drop-down menu. However, when I saw this pure CSS drop-down menu on the Microsoft Expression web site, I still felt very appreciated. This should be the simplest and
The naming rules are summarized as follows. After all, they were invented by foreigners. I hope they will be helpful!
Header: HeaderLogon entry: loginbarLogo: logoSidebar: sidebarAdvertisement: bannerNavigation: navSubnavigation: subnavMenu:
1. document. formName. item ("itemName ")Note: in IE, you can use document. formName. item ("itemName") or document. formName. elements ["elementName"];In Firefox, only document. formName. elements ["elementName"] can be used.Solution: Use document.
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