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