I think there is a lot to say, no matter how much you see, you have to try it yourself before you can gain anything.
<html> <head> <title>css web page</title> <meta charset="utf-8"> </head> <style> /*p{ color: red; font-size: 80px; }*/ /*div{ background-color: blue;/*color */ /* font-size: 60; /*font size */ /* letter-spacing:20px;/*character spacing */ /* } */ /* Element selector */ .one{ color: #0f0; font-size: 50px; background-color: #0ff; } div.one /* class name */ { background-color: blue; font-size: 100px; text-decoration: underline; } /* class selector */ #color{ color:#5ff131; font-size: 30px; background-color: blue; } /* ID selector */ textarea{ color: blue; width: 800px; height: 200px; } </style> <body> <textarea> color sets the text color letter - spacing sets the character spacing line - height text line height text - align text alignment left, right, center tetx -decoration Text decoration effects, mainly including overline, underline, line- through text - indent text indent text - transform text case mainly uppercase, lowercase, capltalize word - spacing word spacing </textarea> <p class = " one " >My sky is so clear</p> <p>My sky is so clear</p> <div> <p>My Baked Gluten</p> </div> <div class="one"> <p>My Baked Gluten</p> </div> <div id="color"> <p>My Baked Gluten</p> </div> </body> </html>
I will try the pictures tomorrow before I clean up the format