Common css style: 1. Font 2. Background color text attribute property 3. 4. 5. border attribute list style mouse cursor attributes 6. 7. 8. targeting properties and clearing the inner and outer margins 9. float 10. The float 11 scrollbar show and Hide
Text: 1.letter-spacing / * character pitch * / 2.word-spacing / * word spacing * / 3.text-decoration / * Underline * / 4.text-align / * alignment * / 5.text-indent / indent * * / 6.line-height / * row height * / 7.color / * color * / 8.word-break / * * wrap text /
Font: 1.font-family / * font type * / 2.font-size / * font size * / 3.font-style / * Font style * / 4.font-weight / * Font weight * /
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>11种常用css样式之文本字体汇总</title> 7 <style type="text/css"> 8 div.box1 Font/ *. 9{ * / 10 font-Family : "in the Microsoft YaHei" ; / * font type or without quotation marks were normal display, it is recommended to add * / 11 font-size : 24px ; / * font size * / 12 font-style : Italic ; / * the appearance of the font, italic equivalents EM * / 13 is font-weight : 900 ; / * Font default thickness of 100-900, an equivalent of common bold bold normal lighter serif 900 normal * / 14 } 15 / * version * / 16 div.box2 { . 17 Letter-spacing: 1px ; / * character pitch * / 18 is Word-spacing : -5px ; / * word / character pitch * / . 19 text-Decoration : Line-through ; 20 is / * Underline Line-through overline underline * / 21 is text-align = left : The justify ; / * align Center The justify right left * / 22 is text-indent : 100px ; / * indent * / 23 is / * height: 40px; 24 background-Color: #ccc;* / 25 / * block element row height and the height of the same, display text vertically centered * / 26 is Line-height : 40px ; 27 Color : rebeccapurple ; / * color rgb hex word * / 28 / * malicious input alphabet, the system does not wrap, scroll bars, Word-BREAK: BREAK-All * / 29 overflow : Auto ; 30 Word-BREAK : BREAK-All ; / * text wrap * / 31 is } 32 </ style > 33 is </ head > 34 is <body > 35 < div class = "box1" > 36 would like the stars do not ask people to hurry, time pays off "your stress comes from: not self-discipline, just pretending very hard; keep up the status quo heart desires; so you anxiety and panic " 37 [ </ div > 38 is < div class =" Box " > 39 text: 1.letter-spacing / * character pitch * / 2.word-spacing / * word spacing * / 3.text-decoration / * * underline /4.text-align/* alignment * / 5.text-indent / * indent * / 6.line-height / * high line * / 7.color / * color * / 8.word-break / * text off line * / 40 </ div > 41 is < div class = "BOX2" > 42 is https://www.cnblogs.com/dhnblog/May the starry sky not ask passers-by, time is worthy of the people who care about you "Your pressure comes from: you ca n’t discipline yourself, just pretend to work hard; the status quo can't keep up with your inner desires; so you are anxious and panic"bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 43 </div> 44 </body> 45 </html>