css| Standard | tips | page | style sheet
1.CSS Font Shorthand rulesYou might do this when you use CSS to define fonts:
Font-size:1em;
Line-height:1.5em;
Font-weight:bold;
Font-style:italic;
Font-variant:small-caps;
Font-family:verdana,serif;
In fact, you can abbreviate the
css| Beginner | skills | design | Web page | style sheet
1.CSS font Shorthand rules
You might do this when you use CSS to define fonts:
Font-size:1em;Line-height:1.5em;Font-weight:bold;Font-style:italic;Font-variant:small-caps;Font-family:verdana,serif;
In fact, you can ab
Css
@media
Rules are ideal for positioning HTML or XML documents as target output methods. Current
Print
The use of media is very common, compared to implementing a separate "printable version",
Print
Provides a cleaner way to create a printer-friendly page.
Screen
The media has not been fully exploited, probably because people generally think
Screen
is just "default rendering." However, in terms of layout (especially absolute layout),
Scre
At the beginning of self-learning CSS encountered problems, "linked to the external style sheet" exercise, the code is as follows:A, the CSS file code that is linked into. css--------------------------------------------------------------------------------B, HTML exercise pag
Classification|------Inline in the label, accurate control, poor code reuse|---------style= Stylestyle= "background:yellow; width:100px; height:100px;" > Div > style= "background:red; width:100px; height:100px;" > Div >|------embedded in the |---------style>#first{background:Pink;width:200px;Height:100px;}#second{background:Blue;width:200px;Height:100px;
css| Tutorial | style sheet CSS style sheet editor
CSS is an extension of the HTML language, but also a markup language, so any editor that can be used to write HTML can be used to wr
Is there any simple way to absolutely center the Div floating layer? the answer is to use CSS to write the style sheet . The following wording is compatible with IE series browser and Firefox browser. detailed explanation, look directly at the style: Span style= "LINE
Four ways to add a CSS style sheet to a Web page, you can choose the way you like it, depending on your needs.
First, use the Style property: Add the style attribute directly to the individual component label.For example:The advantage of this usage is that it is dexterous t
First, the meaning of CSSCascading style sheets, a markup language that controls page styles and allows the separation of style information from Web page content. The latest version of CSS is CSS3.Ii. several styles of control methods ( nearest principle )1. Inline style2. Inline style3. LINK Type4. Import (almost unused)Third,
is best to add a comment after the name so that future documentation can be generated.
Iii. on the nature of inheritance
In CSS, make good use of inheritance. For example, in two nested div, the parent element defines the Background-color property as black, and if the background of the child element is black, there is no need to repeat the definition. Being good at using the inheritance of CSS can make c
css| Tips | page | style sheet
1. tags in mozilla default is padding value, and in IE only margin have a value.2. the same class selector can appear repeatedly in one document, but only once for the ID selector, and for a label using both class and ID for CSS definition, and if the definition has duplicates, the ID sel
When using IFRAME on the page, setting the body width in the CSS style sheet and directly setting its width on the page results in different results.
Body {Background-color: # ffffff;Font-family: "";Font-size: 12px;Line-Height: 150%;Clear: both;Width: 1004px;Margin: 10px auto;Padding: 10px auto;}
After setting the body width, we can see that the IFRAME width is
Tag: File character set requires IMG GIF to share code multipleCssId and Class ID and Class SelectorIf you want to set CSS styles in HTML elements, you need to set the "id" and "class" selectors in the element.ID SelectorThe ID selector can specify a specific style for an HTML element that is labeled with a specific ID.The HTML element sets the ID selector with the id attribute, and the ID selector in the
css| style Sheet
property name Font Property (font) font-family Font-style Font-variant Font-weight font-size Color and Background properties Color Background-color Background-image Background-repeat background-attachment background-position Text Properties Word-spacing Letter-spacing
css| Page | style sheet
This thing, when you need to restore the default value, more useful.
*{margin:0;padding:0 at the beginning, you need to restore the HTML default CSS value when you need to use margins.
I've been looking for this document, and I happened to be here todayon W3See. In addition to inline and block d
css| Page | style sheet
This thing, when you need to restore the default value, more useful.
*{margin:0;padding:0 at the beginning, you need to restore the HTML default CSS value when you need to use margins.
I've been looking for this document, and I happened to see it on W3 today. In addition to inline and block defi
css| style Sheet
classIn order to define the Web page format more accurately, it is necessary to make the same selectors can be categorized, and can be different categories for different style design. The basic format is as follows:
Selector. Category name {property: value}
A category name can be referenced in an cha
css| Tutorial | style sheet
The attributes of an element can also be used for selector. The following list examples illustrate several patterns:
Attribute Selector Patterns
Mode
Description
E[ATTR]
Attribute selector The property selector, matches any e element that contains the attribute, regardless of its value size
css| Effect | style sheet
A paragraph of text, when the mouse clicks on the text above, the text disappears, the original text of the place has immediately become a picture, when the mouse clicks on the picture, the picture disappears again, the original text again, like magic, is not mean?! This effect can also be achieved with the Dreamweaver behavirs function,
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.