来回答下吧,可以从两处地方去查询;
打开网站,按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,这鸟事俺们做网站的一般不干