慕课网笔记4:css 文字排版

慕课网: HTML+CSS基础课程

文字排版

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性

  • 字体
body{font-family:"Microsoft Yahei";}
/*微软雅黑*/
body{font-family:"微软雅黑";}
/*上一种比这一种兼容性要好些*/
  • 文字排版
body {
   font-family:"宋体";         /*字体*/
   font-size: 20px;            /*字号*/
   color: #E6E6E6;             /*文字颜色*/
   font-weight:bold;           /*粗体*/
   font-style:italic;          /*斜体*/
   text-decoration:underline;  /*下划线*/
   text-decoration:line-through; /*删除线*/
}
  • 段落排版
p {     /*2em的意思就是文字的2倍大小。*/

   text-indent:2em;           /*首行缩进两个字*/     
   line-height:1.5em;         /*行间距(行高)*/
   letter-spacing:50px;       /*文字间隔或者字母间隔*/
   word-spacing:50px;         /*英文单词间隔*/
       /*对齐*/
   text-align:center;         /*文字居中对齐*/
   text-align:left;           /*文字左对齐*/
   text-align:right;          /*文字右对齐*/
}

你可能感兴趣的:(慕课网笔记4:css 文字排版)