Home > Developer > Web Develop
1.
1. Text Indent
Text-indent: value;
The value is a number, the most commonly used value is PX (pixels), or it can be directly a percentage!
text-indent:100px;
text-indent:10%;
2. Text alignment
Text-align: on its way;
The possible values are: left, center, Right
3. Text line height
Line-height: value;
line-height:23px;
line-height:120%;
Default: Normal
4. Word Interval (word)
word-spacing:10px;
Default Value: Normal
5. Letter Spacing
letter-spacing:5px;
Default Value: Normal
6. Text Underline
text-decoration:none;
Value: underline or none etc, the common value of the two
7. Fonts
font-family: Microsoft ya black;
Multiple fonts separated by commas
Font-family: "times New Roman", georgia,serif;
font-family: Font 1, Font 2;
8. Font Style
Font-style: value;
Normal
Italic
Oblique
9. Font Size
Font-size: Numerical value;
Value Unit is PX
10. Text Color
Color: colour value;
The color value can be a few simple English words
color:red;
More color codes are used in the actual work
Color: #111111;
11. Text Bold
Font-weight: value;
Common Values:
Normal
Bold
12. About Style Inheritance
Style inheritance issues!
<HTML> <Head> <Metaname= "generator"content= "HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /> <MetaCharSet= "utf-8" /> <title>CSS Construction Text</title> <styletype= "text/css">P{text-align:Center;/*Text Alignment*/Line-height:50px;/*Text line Height*/word-spacing:40px;/*The spacing of English words*/letter-spacing:10px;/*the spacing between English letters or Chinese characters*/text-decoration:Underline;/*text underline*/}</style> </Head> <Body> <H1>Row height</H1> <P>Hello World 中文版 I am a I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a segment I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a segment I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph</P> </Body></HTML>
<HTML> <Head> <Metaname= "generator"content= "HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /> <MetaCharSet= "utf-8" /> <title>CSS Construction Text</title> <styletype= "text/css">P{text-indent:50px;/*Text Indent*/text-align:Center;/*Text Alignment*/Line-height:50px;/*Text line Height*/word-spacing:40px;/*The spacing of English words*/letter-spacing:10px;/*the spacing between English letters or Chinese characters*/text-decoration:Underline;/*text underline*/font-family:Microsoft Ya-black;/*Font*/Font-style:Italic;/*Italic Body*/font-size:30px/*Font Size*/;Color:Red;/*Font Color*/Font-weight:Bold;/*Font bold*/}a{text-decoration:None;}a:hover{text-decoration:Underline;}/*the mouse is placed on the underline*/Body{Color:Green;}/*Inheritance*/Div P{Color:Yellow;}#div1 P{Font-style:Italic;}</style> </Head> <Body> <H1>Row height</H1> <P>Hello World 中文版 I am a I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a segment I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a segment I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph I was a paragraph</P> <ahref= "http://www.baidu.com">Baidu</a> <Div> <P>And the military registration at the meeting at the class meeting at NINE.</P> </Div> <DivID= "div1"> <P>And the military registration at the meeting at the EWEHJJJJJJJJJJJJJJJJ emergency, emergency, emergency, and Emergency class meeting at NINE.</P> </Div> </Body></HTML>
CSS Construction Text
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
