CSS2相关知识点

CSS2相关知识点

  • CSS的编写位置
    • 样式种类
    • 样式表的优先级
  • CSS选择器
    • CSS基本选择器
      • 通配选择器
      • 元素选择器
      • 类选择器
      • ID选择器
    • 复合选择器
      • HTML元素间的关系
      • 交集选择器
      • 并集选择器
      • 后代选择器
      • 子代选择器
      • 兄弟选择器
      • 属性选择器
      • 伪类选择器
      • 伪元素选择器
  • 颜色的表示
    • 表示方式一:颜色名
    • 表示方式二:rgb 或 rgba
    • 表示方式三:HEX 或 HEXA
    • 表示方式四:HSL 或 HSLA
  • CSS字体属性
    • 字体大小
    • 字体族
    • 字体风格
    • 字体粗细
    • 文本颜色
    • 文本间距
    • 文本修饰
    • 文本缩进
    • 文本对齐_水平
    • 行高
    • vertical-align
    • CSS列表属性
    • CSS表格属性
    • CSS背景属性
    • CSS鼠标属性
  • CSS盒子模型
    • CSS长度单位
    • 元素的显示模式
    • 各元素的显示模式
    • 修改元素的显示模式
    • 盒子模型的组成
    • 盒子内容区
    • 关于默认宽度
    • 盒子内边距(padding)
    • margin注意事项
    • margin塌陷问题
    • margin合并问题
    • 处理内容溢出
    • 隐藏元素的方式
    • 样式的继承
    • 布局技巧
    • 元素之间的空白问题
    • 行内块的幽灵空白问题
  • 浮动
    • 元素浮动后会有哪些影响
    • 解决浮动产生的影响(清除浮动)
    • 浮动相关属性
  • 定位
    • 相对定位
      • 如何设置相对定位?
      • 相对定位的参考点在哪里?
      • 相对定位的特点:
    • 绝对定位
      • 如何设置绝对定位?
      • 绝对定位的参考点在哪里?
      • 绝对定位元素的特点:
    • 固定定位
      • 如何设置为固定定位?
      • 固定定位的参考点在哪里?
      • 固定定位元素的特点
    • 粘性定位
      • 如何设置为粘性定位?
      • 粘性定位的参考点在哪里?
      • 粘性定位元素的特点
    • 定位层级
    • 定位的特殊应用
      • 让定位元素的宽充满包含块
      • 让定位元素在包含块中居中
  • 布局
    • 版心
    • 常用布局名词
  • VSCode中的注释折叠

CSS的编写位置

样式种类

  1. 行内样式(又称内联样式)
  • 写在 标签style 属性中
  • 语法:

    欢迎学习CSS

  • 注意点:
    1.style 属性的值不能随便写,写要符合 CSS 语法规范,是 名:值; 的形式。
    2.行内样式表,只能控制当前标签的样式,对其他标签无效。
  1. 内部样式
  • 写在 html 页面内部,将所有的 CSS 代码提取出来,单独放在
  • 注意点:
    1.