CSS文本的用法及CSS字体的用法综合应用

CSS文本的用法及解释

color	设置文本颜色
direction	设置文本方向。
line-height	设置行高。
letter-spacing	设置字符间距。
text-align	对齐元素中的文本。
text-decoration	向文本添加修饰。
text-indent	缩进元素中文本的首行。
text-shadow	设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。
text-transform	控制元素中的字母。
unicode-bidi	设置文本方向。
white-space	设置元素中空白的处理方式。
word-spacing	设置字间距

CSS字体的用法及解释

font	简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family	设置字体系列。
font-size	设置字体的尺寸。
font-size-adjust	当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
font-stretch	对字体进行水平拉伸。（CSS2.1 已删除该属性。）
font-style	设置字体风格。
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	设置字体的粗细。

实例应用：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           div{
               500px;
               height: 500px;
               border: 1px solid #000;
               text-align: right;     /*文本对其方式*/
               text-decoration: underline;    /*文本下划线*/
               color: #f00;     /*设置字体的颜色*/
               line-height: 166.67px;      /*文本的行高*/
               /*一行文字所占的高度,让他上下居中*/

               /*font-family: "Microsoft YaHei";*/    /*设置字体的样式:宋体，楷体... 去百度，翻译中英文 */
               font-family: "宋体";    /*自己去百度找到宋体对应的英文，节约空间*/
               font-style: italic;     /*规定字体是否倾斜*/
               font-weight: bold;
               font-size: 16px ;     /*设置字体的大小*/
               /*在浏览器中,默认的字体大小16px
                   谷歌浏览器中，字体大小最小可以为12px
                   火狐没有限制
               * */
           }
           a{
               text-decoration: none;
           }
           h1{
               font-weight: normal;
               font-size: 5px;
           }
       </style>
   </head>
   <body>
       
       <div>
           今天天气不错！！！今天天气不错！！！今天天气不错！！！今天天气不错！！！今天天气不错！！！今天天气不错！！！今天天气不错！！！今天天气不错！！！
       </div>
       <a href="">去百度</a>


       <h1>这个是h1标题</h1>
   </body>
</html>

CSS文本的用法及CSS字体的用法 综合应用

CSS文本的用法及CSS字体的用法综合应用