HTML

这是一篇关于HTML的思维导图——HTML结构，HTML，Css效果，详细总结了布局原则，盒子模型，浮动布局。

HTML

• HTML结构
  • dcopyte
    • strivt
    • transitional
    • framset
  • head
    • title
      • 子主题
      • 子主题
    • meat charset
  • body
    • 各种div和HTML标签
• div布局
  • 布局原则
    • 从上到下
    • 从左到右
    • 从大到小
  • 盒子模型
    • 高度
      • width
      • height
    • margin
    • boder
    • padding
  • 浮动布局
    • 浮动概念
    • 浮动清除
• css效果
  • 选择器
    • id选择器
    • 类选择器
    • 标签
    • 派生选择器
    • 伪类选择器
    • 通配选择器
  • 控制效果
    • 段落控制
      • text-indent 首行缩进
      • text-aligan 水平文字方向
      • text-decoration 文字装饰线
      • letter-spaing 字符间距
      • text-transform 字母大小转换
    • 文字控制
      • color 颜色
      • font-style 文字样式
      • font-weight 文字粗细
      • font-size 文字大小
      • line-height 行高
    • 背景控制-background
      • color
      • image
      • repeat
      • attachment
      • position
  • 初始化
    • 原因：浏览器队元素有默认的参数
    • 统一效果
  • html标签
    • 无语义标签
      • div 块元素
      • span 内联元素
    • 有语义标签
      • h标题
      • p段落
      • image图片
      • embed视频
      • a链接描点
      • ul无序列表
      • ol有序列表
      • table 表格