css代码应该插在html代码的什么位置

html-css022

css代码应该插在html代码的什么位置,第1张

插入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,这鸟事俺们做网站的一般不干

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

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

<head>

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

</head>

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

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