CSS学习(一)CSS和文档

  1. 应用样式的三种方式
    • 外部样式表(link、@import)
    • 嵌入式样式表(<style></style>)
    • 行内样式 (html元素的属性为style的值作为样式)
  2. CSS的空白处理方案:解析时,连续的空白会合并成一个空白
  3. CSS注释:
    • 只可以使用这种注释方法,一行也得这样 /**/
    • 注释不可以嵌套
  4. 媒体查询
    • 用法
      1. link元素的media属性
      2. style元素的media属性
      3. @import声明的媒体描述符部分
      4. @media声明的媒体描述符部分
    • 媒体类型
      1. all(默认)
      2. print(打印或打印预览)
      3. screen(web浏览器的屏幕)
      4. protection(幻灯片形式展示)部分支持
      5. handheld (一些移动设备的浏览器)部分支持
    • 媒体描述符
      1. and (相当于&&)
      2. not   (相当于!)not关键字只能在媒体查询的开头使用
      3. only (在不支持媒体查询的旧浏览器中隐藏样式表)
  5. 特性查询:根据用户代理是否支持特定的CSS属性及值,来应用一段样式。特性查询是渐进增强式的完美方式(适配更多地浏览器)。

 

posted @ 2021-11-04 01:58  小兜兜me  阅读(46)  评论(0编辑  收藏  举报