Skip to main content

Day08 结构伪类_图形_字体_字体图标_元素定位

课程内容​

  1. 额外知识补充

    • border 图形
    • Web 网络字体
    • Web 字体图标
    • CSS 精灵图
    • cursor 属性

  2. CSS 元素定位

    • 标准流布局
    • 相对定位
    • 固定定位
    • 绝对定位
    • 粘性定位
    • z-index

视频​

  • 01-(掌握)-结构伪类-nth-child-last.mp4
  • 02-(理解)-结构伪类-nth-of-type-last.mp4
  • 03-(理解)-结构和否定伪类-root-empty.mp4
  • 04-(了解)-今日内容概述.mp4
  • 05-(掌握)-border 实现图形和旋转.mp4
  • 06-(理解)-网络字体 - 网络的字体使用流程和原理.mp4
  • 07-(掌握)-网络字体 - 网络字体的使用过程.mp4
  • 08-(理解)-网络字体 - 网络字体的兼容性写法.mp4
  • 09-(掌握)-字体图标 - 字体图片的原理和使用流程.mp4
  • 10-(掌握)-精灵图 - 认识精灵图和获取过程.mp4
  • 11-(掌握)-精灵图 - 精灵图的使用过程.mp4
  • 12-(掌握)-光标显示-cursor-pointer.mp4
  • 13-(掌握)-布局 - 元素定位 - 标准流的理解.mp4
  • 14-(掌握)-布局 - 元素定位-position 属性介绍.mp4
  • 15-(掌握)-布局 - 元素定位 - 相对定位的使用.mp4
  • 16-(了解)-布局 - 元素定位 - 梦幻西游案例.mp4
  • 17-(掌握)-布局 - 元素定位 - 固定定位的使用.mp4
  • 18-(掌握)-布局 - 元素定位 - 固定定位的练习.mp4
  • 19-(掌握)-内容回顾和作业布置.mp4

笔记​