Making the jump to tableless design-Andy Budd's presentation at @ media 2005.
CSS help Pile
Simple clearing of floats-various methods of clearing floats.
Visited links styling-via webdesign.maratz.com.
Mandarindesign's text tricks.
Sweet collection of CSS how-TOS-via maratz.com
Hoverhelp-DHTML/CSS Tool tips on hover.
How-to: giving to Hiram? Masthead-Nic
Font for CSS attributes and font for css attributes
Font for CSS attributes)
Font: [[
Composite attributes. The attributes are described below.
It must contain both font-size and font-family, and the order of these two values cannot be changed. The values of other keywords are placed before these two values, and the order can be randomly disrupted.
You can plac
Several mouse triggers for CSS events.
Description
OnMouseDown triggered when the mouse is pressedOnMouseOver triggered when the mouse passes overOnMouseUp triggers when the mouse is released when the mouse is pressedonMouseOut triggered when Mouse is moved outOnMouseMove Touch when Mouse moves
?
Control Table interlacing: Simple applications:
Componentized CSS-manage your entire site CSS files, css-css
Why split a style file?
It is easier to search for style rules, simplify maintenance, and facilitate management. You can also provide specific styles for a page.
Why do I need to add a bridge style?
You can add or remove styles at any time without modifyin
style sheet. P > Body > Html >
(2) apply the method of importing an external style sheet to call the CSS file of the external definition in the HTML file
Font settingFont-family: The font can define multiple fonts at a time.Font-size: font sizeFont-style: Font Style normal, italic, and oblique (normal, italic, and skew)Font-weight: font bold normal, bold, bolder, lighter, numberFont-vari
Font-style
Font style
Normal (normal), italic (italic) or oblique (inclined)
Font-weight
Font Bold
normal, bold, bolder, or lighter, etc.
Font-variant
Font warp
Normal (normal) or small-caps (small capital Letter)
2. text
Properties of control text common in CS
. Font-style: includes three attribute values: Normal, italic, and oblique. the CSS code is as follows:
Font-stye: normal;Font-stye: italic;Font-stye: oblique;
The performance is as follows:
Normal italic oblique
We can see that italic and oblique are both text skewed to the
To be continued (to be continued )...
1. Internal CSS style:
2. external CSS style:
Notice that
3. Comment in CSS:
(Null)
4. CSS Selector
4.1. class selector:
If you have created a
An element can be in more than one class, such as
4.2. ID selector:
4.3. inherit selector:
5. properties in HTML elements:
The va
ArticleDirectory
1. Use reset but not global Reset
2. Good naming habits
3. Code abbreviations
4. Use CSS inheritance
5. Use multiple Selector
6. Proper code comments
7. Sort your CSS code
8. Keep CSS readable
9. Select a better style property value
10. Replace @ import with
11. Use an external style sheet
12. Avoid usin
and send them to the browser, the browser (gzip supported) decompress and decode locally and display the original file. In this way, the number of file bytes transmitted is reduced, and the network performance can be optimized. Gzip compression requires server support, so we need to configure it on the server side.
Enable Gzip compression (HTTP compression) on IIS)
How to enable gzip compression in apache
Nginx Gzip compression Configuration
Of course, in addition to gzip compression, cache is
numbers and units of measure, or you can choose a relative size. In pixels, you can effectively prevent browsers from morphing text.
Note: The length units in the CSS are divided into absolute length units and relative length units: (This has been introduced in the CSS Introductory tutorial )
Absolute Length:
PX: (pixel) determines the length according to the resolution of the Monitor.
PT: (font size) dete
1.html templates2.DOCTYPE declaration placed in HTML file headerLatest HTML5 with How to introduce 3.CSSA. Introduction of directly under HTMLB. Write directly within the Div, such as C. Write a CSS file (the file does not have to write style), in the HTML header reference;D. Introduced in the CSS file; @import url (.. /STAR.CSS); (must be written at the beginning of the
CSS background effect and css backgroundPrevious
This article will detail the CSS background Effects
Striped background
[Dual-striped background]
background:linear-gradient(#fb3 50%, #58a 50%); background-size: 100% 30px;
CSS standard: if the position value of a color label is smaller than the position value of the
CSS optimization usually involves two aspects: formatting CSS and streamlining CSS.
The method of streamlining CSS is to merge elements with the same attributes, but this reduces the readability of the code and makes it difficult to maintain the code in the later stage. If you do not pay attention to it, the error will
Common css styles and css styles
Font-family: font name
You can use multiple names separated by commas (,), and the available fonts are used in sequence in the browser.
P {font-family: ' ', '', 'arial ';}
Font-size: font size
Length: Specifies the text size with the length value. Negative values are not allowed.
Percentage specifies the text size by percentage. The percentage value is based on the font size
Some interesting CSS questions (9) -- cleverly implementing CSS diagonal lines and css diagonal lines
Start this series and talk about some interestingCSSQuestions and question types are not empty. What to think of is not only to broaden the problem-solving ideas, but also to involve CSS details that are easy to ignore
CSS journey-why CSS and css are used at the first stop
I don't know how many coders like me, css has always been a weakness, soft to the whole body... Since the weakness is coming, we can only find a solution, so we should look at this CSS authoritative guide.
The
Css 2, css
1. font combination
Font: font-style font-variant font-weight font-size/line-height font-family
Font: style deformation and bold font size/row-height font family
Style deformation bold can be written in any order. If it is normal, it can be left empty.
Deformation font-variantThree values: small-caps normal inherit
Small-caps is a small capital letter.
Style font-styleFour values: italic
CSS Text properties Define the appearance of text.With text properties, you can change the color of the text, the spacing of characters, the alignment text, the decoration, the indentation of the text, and so on.Indent textIndents the first line of a paragraph on a Web page, which is the most commonly used text formatting effect.CSS provides the Text-indent property, which makes it easy to indent text.By using the Text-indent property, the first line
The nine most practical css skills and the nine CSS skills are usually used to write css web pages.
I. Use css abbreviationsUsing abbreviations can help reduce the size of your CSS file and make it easier to read. For the main rules for
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.