CSS basics??Formatting text of element content using CSS_html/css_WEB-ITnose

The text properties of CSS are used to control the paragraph format of text, such as setting the first line indentation, paragraph alignment, word spacing, line spacing, etc.

1. Set first line indent of text : text-indent

Optional attribute values ​​include: length/percentage

2. Set Text alignment : text-align

Optional attributes include: left / right / center, respectively indicating left alignment, right alignment, and center alignment

3. Settings Text decoration method: text-decoration

Optional attributes include: none/underline/overline/line-through/blink

4. Set text shadow effect : text-shadow
Optional attribute values ​​include: none / color
5. Set line height : line-height
Attribute value can be number, length, percentage or normal
6. Set character spacing: letter-spacing
Optional attribute values ​​include: none / auto / custom length
7. Set word spacing : word-spacing
Optional attribute values ​​include: none / custom length
8. Set text case attribute : text-transform
Optional attributes include: capitalize turns the first letter of each word into uppercase
uppercase turns all letters in the element into uppercase
lowercase turns all letters in the element into lowercase
9 , Set blank display format : white-space
The way to enter spaces: one is " ", the other is the

 mark. The white-space attribute in CSS is similar to pre<br>. Optional attribute values ​​include: normal / pre / nowrap<br> 10. Set the font color and background of the <strong> element content </strong><br> (1) Setting Element's <strong> foreground color </strong>: color <br> value: can be a hexadecimal value, rgb() function or a color name recognized by CSS (such as white) <br> (2) Set <strong> background Color </strong>: background-color, the value is the same as the foreground color <br> (3) Set <strong> background image </strong>: background-image <br> The value is: the URL address of the image <br> (4 )Set <strong>layout of background image</strong>: background-repeat<br> Value: repeat / no-repeat / repeat-x / repeat-y<br> (5) Set whether the background image is an object content scrolling or Fixed: background-attachme<br> Value: sroll / fixed<br> (6) Set <strong> the position where the background image is displayed </strong>: background-position<br> Value: percentage, custom length (such as 100px,100px) / top / center / bottom / left / right<br> 11. Set <strong>list format</strong>: list-style-type<br> attribute value: disc default value, solid black dot<br> circle hollow circle<br> square square black block<br> decimal decimal number<br> lower-roman lowercase Roman numeral<br> upper-roman uppercase Roman numeral<br> lower-alpha lowercase letter<br> upper-alpha uppercase Letters <br> none None <br> You can also use list-style-image to replace the symbols in front of the list with graphics. If the list-style-type and list-style-image attributes are specified at the same time, it will only be displayed when the browser cannot display it. List-style-type only takes effect when pictures are used as bullet points. <br> 12. Style <strong> inheritance </strong>: used to save the CSS style rules specified for each level element in the document. For example, if a font color is set for , this color will be All elements within the page inherit this, unless other elements have their own specific styles. <br> <strong>Properties that cannot be inherited</strong>: margin, padding, border, background<br>