html文件怎么找到css文件的位置

html-css016

html文件怎么找到css文件的位置,第1张

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

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

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

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

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

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

插入html中的在任何位置都是可以的。

放在<head>标签中的原因是浏览器代码解析是从上到下的,如果把css放在底部,当网速慢时,html代码加载完成后而css没加载完的时候,页面会出现没有样式的情况。

在head里面

1.直接写在头上style里面,一大段,例:

body,td,th {

font-family: "宋体"

font-size: 12px

line-height: 120%

}

body {

margin-left: 0px

margin-top: 0px

margin-right: 0px

margin-bottom: 0px

}

2.外部连接

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

"css/css代码.css"是读取同级目录CSS下的<css代码.css>

css代码文件.

"../css/css代码.css"是读取上级目录CSS下的<css代码.css>

css代码文件.以次类推.

还可以加载网络CSS,这鸟事俺们做网站的一般不干