我觉得说的在多,看的再多都要自己动手试过才能有所收获
<html> <head> <title>css的网页</title> <meta charset="utf-8"> </head> <style> /*p{ color: red; font-size: 80px; }*/ /*div{ background-color: blue;/*颜色*/ /*font-size: 60; /*字体大小*/ /* letter-spacing:20px;/*字符间距*/ /*}*/ /*元素选择器*/ .one{ color: #0f0; font-size: 50px; background-color: #0ff; } div.one/*class名*/{ background-color: blue; font-size: 100px; text-decoration: underline; } /*类选择器*/ #color{ color:#5ff131; font-size: 30px; background-color: blue; } /*ID选择器*/ textarea{ color: blue; width: 800px; height: 200px; } </style> <body> <textarea> color 设置文本颜色 letter-spacing 设置字符间距 line-height 文本行高 text-align 文本对齐方式left、right、center tetx-decoration 文本装饰效果,主要有overline、underline、line-through text-indent 文本缩进 text-transform 文本大小写 主要有uppercase、lowercase、capltalize word-spacing 单词间距 </textarea> <p class="one">我的天空多么的清晰</p> <p >我的天空多么的清晰</p> <div> <p>我的烤面筋</p> </div> <div class="one"> <p>我的烤面筋</p> </div> <div id="color"> <p>我的烤面筋</p> </div> </body> </html>
明天试一下图片的才收拾格式
![](https://images2018.cnblogs.com/blog/1371075/201804/1371075-20180416222208600-575068607.png)