千家信息网

添加css的方式:link与@import区别

发表于:2024-10-20 作者:千家信息网编辑
千家信息网最后更新 2024年10月20日,如何在html中添加css?在html中设置css共有三种方式,分别是:行内式内嵌式导入式-link导入式-@import1.行内式。即在html标签中的style属性中设置css,值得注意的是css
千家信息网最后更新 2024年10月20日添加css的方式:link与@import区别

如何在html中添加css?

  在html中设置css共有三种方式,分别是:

  1. 行内式

  2. 内嵌式

  3. 导入式-link

  4. 导入式-@import

1.行内式。即在html标签中的style属性中设置css,值得注意的是css代码的名值对儿用冒号:来连接,用分号分离不同的css样式。这种方式虽然便于观看与调试,但是它违背了结构与表现相分离的原则,我们不推荐使用。但是,按照加载速度来说,这是三种方式中最快的一种,不信你可以看下新浪、网易、QQ、搜狐等门户站,内容页大部分都把CSS直接写进网页里。

1<div id="myDiv" > This is a divdiv>

    这是新浪首页     

2.内嵌式。这种方法便于我们观看与调试,但是当样式较多时,这种方法就不适合了。注意: