CSS精通需要知道哪些知识

写这篇文章主要是为了梳理知识体系，所以详细的知识笔记并没有编写。 但都附上链接啦啦啦~

一、引入方式和选择器

• 引入方式：
  -行内样式
  eg. <p style=“font-size: 15px”>这是一个段落</p>
  -内部样式
  <style></style>
  -外部样式
  <link rel=“stylesheet” type=“text/css” href=“mystyle.css”>

• 选择器(分为五类)： 上链接！

  • 简单选择器（根据名称、id、类来选取元素）

  • 组合器选择器（根据它们之间的特定关系来选取元素）
    -后代选择器
    -子选择器
    -相邻兄弟选择器
    -普通兄弟选择器

  • 伪类选择器（根据特定状态选取元素）
    -:link :hover :visited :active
    注意：:hover必须在:link与:visited之后才能生效；:active必须在:hover之后才能失效。
    -:first-child :root :focus :checked等等

  • 伪元素选择器（选取元素的一部分并设置其样式）
    - ::first-line ::firstletter ::before ::after ::selection

  • 属性选择器（根据属性或属性值来选取元素）

二、属性

• 颜色
• 背景
• 边距
• 轮廓
• 文本
• 列表
• 表格

三、文档流

• 内联/块级元素
• BFC/IFC机制
• 标准流
• 浮动流
  -消除浮动的多种方法（常用）
• 定位流(position)
  -static, relative, absolute, fixed, sticky

四、盒子模型

解释