CSS之字体属性与文本属性

CSS之字体属性

  • font-family 设置字体,比如微软雅黑,宋体
  • font-size: 1cm; 设置字的大小
  • font-style: italic; 设置斜体
  • font-weight: 800; 设置字体加粗,400相当于normal,700等价于bold
  • 这些属性可以给一个属性使用,也可以同时使用,div4就是同时使用这些属性

演示代码如下:



    
        
        
        
    
    
        
        
我是原始字体
我变宋体了
我变大了
我变粗了
我变斜了
我全变了
  • 在浏览器中演示的结果如下:
    CSS之字体属性与文本属性_第1张图片
    字体属性

CSS之文本属性

  • color: #cb0000 设置颜色,可以用取色器获取16进制的颜色值

  • text-align 设置文本的对齐方式

    • text-align: center; 表示居中
    • text-align: right; 表示居右
    • text-align: left; 表示居左
  • line-height 设置当前行与其相邻的上下两行的间距

    • 例如 : line-height: 100px;表示当前行与上下两行间距100像素
  • text-decoration 向文本添加装饰

    • 赋值为none 用来取消超链接的下划线

演示代码如下:



    
        
        
        
    
    
        
        
我是原始样式
我变色了
我置右了
我有行间距了
百度一下,你就知道

运行结果如下:

CSS之字体属性与文本属性_第2张图片
文本属性

你可能感兴趣的:(CSS之字体属性与文本属性)