CSS text styles

1.

body{    Color:aqua;   /* colors that can be inherited */     text/* line alignment */    }

2. Indent:

Index.html

<! DOCTYPE html>"UTF-8"><title> Insert title here</title>     <link href="style2.css" type="text/ CSS" rel="stylesheet">

No indentation effect:
Add CSS style:
h6{    text-indent:2em;  /* indent 2 pixels in first line */}
Effect:
1 h6{2     text-indent: -2em;  /* First line back 2 pixels */3     padding-left:2em4} 5 p{6     padding-left:2em7 }
Effect:
3, Case:
<! DOCTYPE Html>"UTF-8"><title>insert title here</title> <link href="Style2.css"Type="Text/css"Rel="stylesheet">"P1"> ThisIs my web page</p> <p id="P2"> ThisIs my Web page</p> <p id="P3"> ThisIs my web page</p></body>
Css:
1 #p1 {2Text-transform:capitalize;/*the first letter of each word becomes uppercase*/3 }4 #p2 {5Text-transform:lowercase;/*all into lowercase*/6 }7 #p3 {8Text-transform:uppercase;/*all into uppercase*/9}
Effect:
4. Set the Shadow effect:
p{    text-shadow:5px 5px 1px #FF0000;  /* Set the background, the parameters are: from the left margin on the sharpness background color */}
Effect:
5. Test Wrap:
Original effect:
<! DOCTYPE html>"UTF-8"><title> Insert title here</title>     <link href="style2.css" type="text/ CSS" rel="stylesheet">
Add CSS:
p{    width:100px;    Text-wrap:normal; /* line break: normal, 100px */ }
Effect:
CSS text styles