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
This articleArticleUse the latest ie10 and Firefox and chrome tests (as of 22:23:22, January 1, May 27, 2013)
CSS principles:
As we know, CSS writes in different places have different priorities. definitions in the. CSS file
First, let's take
CSSBasic Content2
Last time we saidCSSBasic Attributes,Introduction to Selector.This articleArticleContinue discussionCSSRelated content in.I usedCodeYesCSSContent.
Let's take a look at the writing of the pseudo selector..
Supported as
CSS fixed the table header (the header remains unchanged when the scroll bar is pulled down)
. Headlock
{
Top:Expression (this. offsetparent. scrolltop );
Position:Relative;
}
CSS fixed the left column of the table (a column remains
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
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
For style name
If you only want IE6 to see it, use * html. head {color: #000 ;}If only IE7 is visible, use * + html. head {color: #000 ;}If only FF is visible, use: Root body. head {color: #000 ;}If only FF and IE8 are visible, use HTML>/**/body.
CSS is perfectly compatible with general methods of IE6/IE7/FF (reproduced)
CSS compatibility with various browsers is already a common issue, and tutorials on the Internet are everywhere. The following content is not too novel. It is a
Basic knowledge:
1. Length Unit
In CSS, there are two types of length units: absolute length unit and relative length unit.
Absolute length unit
The absolute length is measured in (INCHES), CM (centimeters), mm (millimeters), Pt
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
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.
JQuery providescss()Embedded methods to change the element style,css()Methods are diverse in use. Either of them accepts two input parameters: style attributes and style values, separated by commas. For example, to change the link color, we can use
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