CSS基础

167 阅读1分钟

摘要:

  • 盒模型
  • 选择器
  • 权重和优先级
  • 伪类和伪元素
  • display属性及作用
  • display:block, inline, inline-block对比
  • position
  • 页面呈现的流程
  • 回流和重绘
  • display:none 和 visibility:hidden 的区别
  • CSS画三角形
  • 包含块
  • 初始化CSS样式
  • flex布局

盒模型

image.png

选择器

image.png

权重和优先级

image.png

伪类和伪元素

image.png

display属性及作用

image.png

display:block, inline, inline-block对比

image.png

position

image.png

flex布局

image.png

阮一峰教程:www.ruanyifeng.com/blog/2015/0…

BFC

image.png

margin坍塌问题

image.png

页面呈现的流程

image.png

回流和重绘

image.png

display:none 和 visibility:hidden 的区别

image.png

包含块

image.png

为什么要初始化CSS样式

image.png

CSS画三角形

image.png

li与li之间有看不见的空白

image.png

visibility: collapse

image.png

width:auto 和 width:100%的区别

image.png

使用图片base64编码的优点和缺点

image.png

display、position、float的相互关系

image.png