美文网首页
Css的4种加载方式

Css的4种加载方式

作者: chole_z | 来源:发表于2018-04-22 22:58 被阅读0次

1,外部式样表

  • 通过Link引用CSS

<link rel ="styleshect" href="style.css">
这种形式是把css单独写到一个css文件内,然后在源代码中以link方式链接。它的好处是不但本页可以调用,其它页面也可以调用,是最常用的一种形式

  • 导入式样, @impoint
    一般常用在另一个表的内部。如index.css为主页所用的样式,那么我们可以把全局所需要用的公共样式放到一个public.css的文件中,这样就可以使代码起到,很好的重用性。

@impoint"style.css"

⇒关于impoint的多种写法
@impoint url("index.css")
@impoint url(index.css)
@impoint url'index.css
@impoint"index.css"

2,内部式样表

将Css房在页面的style元素中,写在head中,这样的样式表只能针对本页有效。不能作用于其它页面。。

<style>
p{
font size:50px;
}
</style>
注意‘一定要写「;」符号。

3,内联样式

在html标签中直接写css样式,特殊情况下有效使用,存在弊端。

这种在标签内以style标记的为行内样式,行内样式只针对标签内的元素有效,因其没有和内容相分离,所以不建议使用。

<p style="font-size:18px;">内部样式</p>

4,属性式样

已经out了,所以我也不知道....

相关文章

  • html,css,js加载顺序

    1. 加载方式 css 异步加载(不阻塞)js 同步加载(阻塞) 2. 放置顺序 css 放置于 标签中原因:...

  • HTML_link与@import区别

    加载css的两种方式: @import 方式 @import url("b.css"); 对比解释 link属于...

  • CSS基础与选择器

    > 1、CSS 加载方式有几种? css加载方式主要有一下几种: 1. 在html中通过 引入当前文件夹下的xxx...

  • CSS 加载

    原文地址:CSS 加载新方式The future of loading CSS Chrome 浏览器有意改变 的加...

  • 关于CSS

    CSS 加载方式 css引用方式分为以下三种: 外部样式 内部样式 内联样式 外部样式 外部式css样式就是把cs...

  • CSS基础与选择器

    一、CSS加载方式 外部样式表(推荐) 通过 在html中引入CSS: 通过@import引入样式,放入CSS中,...

  • ife学习二,CSS介绍

    使用方式 一般在 标签中利用下面格式进行加载css文件 CSS如何工作

  • CSS基础与选择器

    一、CSS 加载方式有几种? 使用 标签,引入外部CSS文件 使用@import(但只能在css中用或者在styl...

  • CSS基础与选择器

    CSS加载方式有几种? 外部样式表(推荐) 通过 引入外部css 通过@import引入样式,放入CSS中(后面一...

  • CSS样式表的加载对于DOM解析,渲染,JS执行的阻塞问题

    CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后...

网友评论

      本文标题:Css的4种加载方式

      本文链接:https://www.haomeiwen.com/subject/fpehlftx.html