常见布局练习

• 基础布局

  • 标题，侧边栏，主体，底部
  • 块的左中右摆放
  • 主体拉伸
  • 页面最小宽度
  • 横向列表
    • 行内块元素
    • 浮动摆放
    • 右侧摆放
    • 居中摆放

• 蒙层

  • 蒙层
  • 模态框

• 杂项

  • 背景图片透明

    • 图片本身具备透明度，需要使用其他软件修改；
    • 把背景委托到其他元素上，比如 img 或者伪元素，然后进行定位和透明度的设置。

  • ::before 与 ::after 伪元素选择器应用

    • 装饰：线条、链接标识、背景等等
    • 清除浮动

  • border 三角