html css 应该放在哪个目录?

html-css07

html css 应该放在哪个目录?,第1张

至于CSS目录有些人喜欢建在网站根目录下,也有些人喜欢建在images目录下,看你个人网站目录结构了,怎么建都无所谓。

如果想把CSS文件导入到Jsp文件中,只要在<head></head>标签中写入如下语句即可:

<head>

<link type="text/css" rel="stylesheet" href="css/index.css" />

</head>

其中“href”属性就是指向你的CSS文件路径,

这样就把这个CSS样式应用到你的程序中了

来回答下吧,可以从两处地方去查询;

打开网站,按f12打开开发者,接着随便点一下开发者工具的面板,ctrl+f查找“link”

<link rel="stylesheet" href="http://www.xxxxxxx/images/all.css" />

href后面的的就是css根目录下的位置

另外一处就是查询具体的css样式在css文件的哪一行上,同样点开开发者工具,点开左上角那个鼠标箭头,然后指向你需要了解的class位置,然后可以看到定位到了这个位置,这个样式的位置表示在all.css文件下的第二行

鼠标悬停在这个all.css:2的时候也能看到具体的位置

1

新建一个html文件,命名为test.html,用于讲解html中如何导入css。

请点击输入图片描述

2

在test.html文件内,使用div创建一个模块,下面将对该div进行css样式的定义。

请点击输入图片描述

3

在test.html文件内,设置div的class属性为mydiv,主要用于css文件对该类名进行样式定义。

请点击输入图片描述

4

新建一个css文件夹,在文件夹内创建一个css文件,命名为test.css,用于编写css样式。

请点击输入图片描述

5

在test.css文件内,使用div的类名进行样式定义,设置div的宽度、高度均为200px,背景颜色为黄色。

请点击输入图片描述

6

在test.html文件内,使用link标签导入test.css样式文件,href为css路径。

请点击输入图片描述

7

在浏览器打开test.html文件,查看实现的效果。