css 标签问题

html-css017

css 标签问题,第1张

CSS选择器有三种类型:

标记选择器、类别选择器、ID选择器

一、标记选择器:

就是“O 标签(重新定义。。。。)”

标记选择器是必须使用HTML的标签作为选择器的名称,也就是说“(2)当选中第二个时候,名称框中必须是下拉列表框中的内容” ,是的。

格式:标记名称{属性:值;属性:值;}

例子:

<head>

<style type="text/css">

p{color:red

font-size:25px

}

</style>

</head>

<body>

<p>标记选择器</p>

</body>

二、类别选择器:

就是“O 类(可应用于任何标签)”

也叫class选择器,可以自定义选择器的名称,其中class为自定义的名称。

格式: .class{属性:值;属性:值;}

例子:

<head>

<style type="text/css">

.one{color:red

font-size:25px

}

.two{color:blue

font-size:20px

}

.three{color:green

font-size:15px

}

</style>

<body>

<p class="one">class选择器1</p>

<p class="two">class选择器2</p>

<p class="three">class选择器3</p>

<p class="three">class选择器4</p>

</body>

三、ID选择器:

就是”O 高级 (ID、伪类。。。。)“

用法基本和class选择器相同,也可以自定义选择器名称,其中ID为自定义的名称。不同的是:ID选择器不允许一个ID同时出现在两个标签中,而class选择器则相反。

格式:#ID{属性:值;属性:值;}

例子:

<head>

<style type="text/css">

#one{color:red

font-size:25px

}

#two{color:blue

font-size:20px

}

#three{color:green

font-size:15px

}

</style>

<body>

<p id="one">class选择器1</p>

<p id="two">class选择器2</p>

<p id="three">class选择器3</p>

<p id="three">class选择器4</p>

</body>

也就是说上面两个<p>标签中,同时出现了两个ID名称,为”three“,这在ID选择器中是不允许出现的。

以上是我的回答,至于什么时候用哪种选择器,这是可以灵活运用,没有特定的该用哪个选择器。

jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致,一般有相对路径和绝对路径两种引用方式:

1、相对路径引用js和css的方法:

css:

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

js:

<script type="text/javascript" src="js/front/poplayer.js"></script>

前提是js和css跟jsp在同一个目录下

2、绝对应用js和css的方法:

css:

<link href="http://域名:端口/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />

js:

<script type="text/javascript" src="http://域名:端口/工程名/js/front/poplayer.js"></script>

检查以上两种方法是否引用正确。