自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > HTML|CSS代码 >

css引入方式之外链式和导入式异同点(面试题)

作者:灰牛站长•发布时间:2021-07-12 01:49:37•浏览

css引入方式之外链式和导入式的异同点(面试题)

  1. link和@Import虽然都是引入外部的css文件,但它们有天差地别的区别的
  2. link是htm标签,@import完全是css提供的方式,要写在css文件或者 style标签中。
  3. 它们的加载顺序也是有区别的,当一个页面被加载的时候,1ink引用的css件会被同时加载,而@Import引入的css文件会等页面全部下载完后再加载。
  4. 当使用Javascript控制DOM去改变css样式的时候,只能使用link标签,因为@Import是不能被DOM控制的。

语法:导入式要依赖css样式表文件,所以它要放在style或者css样式表里

@import"css样式路径"

如果style里面既有内嵌的样式又有导入的样式,注意导入式要放在内嵌式的上面看,放在下面会报错,导致导入式的样式失效

相关文章

  • 代码技巧之常用快捷键的整理

    代码技巧之常用快捷键的整理

    常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销 回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行 增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释...
    2021-07-12 11.07.53
  • z-index的特点

    z-index的特点

    思路: ➥z-index的结构/定位元素默认的z-index ➥z-index单位 ➥能不能用子元素和父元素比较 ➥父元素没有z-index,能不能通过子元素控制他们的层级=改变层级...
    2021-07-12 11.07.57
  • 定位元素的异同点

    定位元素的异同点

    定位的值 position: absolute绝对定位 position: relative相对定位 position: fixed固定定位 定位的相同点和不同点 ===相同点: 可以 设置top/ bottom/ left/right四个方位值,如...
    2021-07-12 11.07.09
  • 定位之固定定位

    定位之固定定位

    固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位 可通过z-index改变层级 !...
    2021-07-12 11.07.38
  • 定位之绝对定位

    定位之绝对定位

    定位元素元素层级元素定位滚动条 绝对定位- position: absolute;特点 脱离文档流 可以设置参照物,参照物必须是其父级元素(直系父级),如果直接父级没有会一直...
    2021-07-12 11.07.13

手机端