html怎么引用css?

发布网友 发布时间：2024-10-03 04:16

我来回答

共1个回答

热心网友 时间：2024-10-03 04:12

一般来说只有3种：

1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：

linkhref="css/style.css"rel="stylesheet"type="text/css"

2.在Html头部用style/style包起来，在这里面编写样式：

styletype="text/css"

*{

padding:0;margin:0

}

/style

3.在标签里面直接编写行内样式。

divstyle="color:#333"div

当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的

1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：

head

metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/

titletime元素/title

/head

body

divstyle="height:300px;width:500px;background:#999;"/div

/body

2、第二种写法：

head

metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/

titletime元素/title

style

.all{

height:300px;

width:500px;

background:#999;}

/style

/head

body

3、建立一个css样式表文件

4、存储在css文件夹中

5、在html文件中写入链接代码，代码如下：

linkrel="stylesheet"type="text/css"href="css/index.css"/

6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。

html中如何导入css

1、使用链接式

linkhref="style.css"rel="stylesheet"type="text/css"/

2、使用导入式

styletype="text/css"

@import"style.css"

/style

扩展资料：

二者的区别

导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件，因此它们的语法也不同。

采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，

对于有的浏览器来说，在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。