前端理论总结(css3)——link/import区别 // 伪类/伪元素

伪类/伪元素

     1:
          伪类使用1个冒号,常见的有::hover,:link,:active,:target,:not(),:focus等
          伪元素使用 2 个冒号,常见的有:::before,::after,::first-line,::first-letter,::selection、::placeholder 等
     2:
           伪类是给页面中已经存在的元素添加一个类
           伪元素添加了一个页面中没有的元素(只是从视觉效果上添加了,不是在文档树中添加)

link/import区别

      1:作用对象不同
            link 为当前页面服务
            @import 为 CSS 服务
      2:加载顺序的差别
             当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载
             @import引用的CSS会等到页面全部被下载完再被加载(无样式内容闪烁)
      3:兼容性的差别
             link标签无兼容性问题
             @import只有在IE5以上的才能识别
      4:使用dom控制样式时的差别
             当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的

相关推荐

  1. css元素区别

    2024-03-26 07:54:12       40 阅读
  2. CSS元素区别和作用?

    2024-03-26 07:54:12       31 阅读
  3. CSS 元素的用法和区别

    2024-03-26 07:54:12       18 阅读
  4. css元素选择器

    2024-03-26 07:54:12       7 阅读
  5. 元素区别是什么?

    2024-03-26 07:54:12       9 阅读
  6. CSS日常总结--CSS

    2024-03-26 07:54:12       75 阅读

最近更新

  1. android 7.0 tts文字转语音

    2024-03-26 07:54:12       1 阅读
  2. 离线升级docker中的某个镜像——以etcd为例

    2024-03-26 07:54:12       1 阅读
  3. 将pytorch 模型封装为c++ api 例子

    2024-03-26 07:54:12       1 阅读
  4. Rust: 关于Pin以及move前后分析

    2024-03-26 07:54:12       1 阅读
  5. LVS实验

    LVS实验

    2024-03-26 07:54:12      1 阅读

热门阅读

  1. 自动驾驶的Level等级

    2024-03-26 07:54:12       22 阅读
  2. vscode个人配置

    2024-03-26 07:54:12       19 阅读
  3. 华为广告打包报错,问题思考

    2024-03-26 07:54:12       17 阅读
  4. FasterRCNN代码解析

    2024-03-26 07:54:12       17 阅读
  5. 002-基于Pytorch的Fashion-MNIST图像分类

    2024-03-26 07:54:12       21 阅读
  6. npm 常用命令详解

    2024-03-26 07:54:12       21 阅读
  7. Python 机器学习 XGBoost最优模型构建方法

    2024-03-26 07:54:12       21 阅读
  8. 开发指南018-前端存储

    2024-03-26 07:54:12       18 阅读
  9. 关于HDP的20道高级运维面试题

    2024-03-26 07:54:12       20 阅读