CSS Usage Tips

1) The website often appears the user input a large paragraph of characters and letters so that the text can not be broken properly, the layout is broken, so we should refer to the following style: Word-wrap:break-word; Overflow:hidden; Of course, you have to have a width attribute value.

2) The text is too long to appear the ellipsis style as follows:

White-space:nowrap; Text-overflow:ellipsis; Overflow:hidden;

3) A complete form should include:

<fieldset>
<legend></legend>
<label></label>
<input/>
</fieldset>

4) write the order according to the recommended CSS properties:

Display Properties:

Display | | Visibility
List-style:list-style-type | | list-style-position | | List-style-image
Position
Top | | Right | | Bottom | | Left
Z-index
Clear
Float

Self properties:

Width
Max-width | | Min-width
Height
Max-height | | Min-height
Overflow | | Clip
Margin:margin-top | | Margin-right | | Margin-bottom | | Margin-left
Padding:padding-top | | Padding-right | | Padding-bottom | | Padding-left
Outline:outline-color | | Outline-style | | Outline-width
Border
Background:background-color | | Background-image | | Background-repeat | | background-attachment | | Background-position

Text properties:

Color
Font:font-style | | Font-variant | | Font-weight | | Font-size | | Line-height | | Font-family
font:caption | icon | Menu | Message-box | small-caption | Status-bar
Text-overflow
Text-align
Text-indent
Line-height
White-space
Vertical-align
Cursor