小李带你玩转html—04

文本

  • text-align文本对齐
  • left——水平左对齐
  • right——水平右对齐
  • center——水平居中对齐
    小李带你玩转html—04
    小李带你玩转html—04
  • text-indent首行缩进
    设置的是文本的首行缩进
    单位:em px 百分比
    小李带你玩转html—04
    小李带你玩转html—04
    小李带你玩转html—04
  • text-decoration:文本修饰
  • 正常,没有修饰:none;
  • 下划线:underline;
  • 中划线,删除线:line-through;
  • 上划线:overline;
    小李带你玩转html—04

盒模型

盒模型,也叫作框模型。
小李带你玩转html—04

  • 盒模型
  • margin:外边距
  • border:边框
  • padding:内边距
  • 宽度×高度
    这个宽高规定的是我们能够书写内容的区域,实际内容区域。
    小李带你玩转html—04
    图为示例
  • 例子
  • 初始状态
    小李带你玩转html—04
  • 加了内边框和边距
    小李带你玩转html—04
  • 改了宽和高
    小李带你玩转html—04