今天学习下css中字体相关的设置样式，主要通用的几个样式有包括字体类型（font-family）、字体大小（font-size）、字体粗细（font-weight）、字体风格（font-style）、字体变体（font-variant）、行高（line-height）等。下面是一个简单的HTML和CSS示例，展示了如何使用这些属性来设置文本样式。

  
  
  
  
  
  
  
  
  
    
欢迎来到我的网站
  
    
这是一段斜体文本。
  
    
这是一段粗体文本。
  
  

body {  
    font-family: Arial, sans-serif; /* 设置全局字体 */  
    line-height: 1.6; /* 设置行高 */  
}  
  
h1 {  
    font-size: 36px; /* 设置标题字体大小 */  
    font-weight: bold; /* 设置标题字体加粗 */  
    color: #333; /* 设置标题颜色 */  
}  
  
.italic {  
    font-style: italic; /* 设置斜体 */  
}  
  
.bold {  
    font-weight: 700; /* 设置更粗的字体粗细 */  
}  

字体相关的通用样式就大概这几个，很简单，记住下就能轻松在系统中应用啦。