Question

css文件中.和#分别代表什么?

css文件中.和#分别代表什么?

Answer 1

class可以有多个同名，ID是唯一的，在CSS中ID的优先级是比CLASS高的。操作方法如下：

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签扮碧创建三个模块，同时分别设置它们的id为aa,bb,cc。

3、在test.html文件内，厅消举在css标签内，设置div的为绝对定位，宽度和高度都为200px。

4、在test.html文件内，在css标签内，设置类名aa的样式，距离页面顶部为0px，距桥竖离页面左边为0px，背景颜色为红色，z-index为1。

5、最后在浏览器打开test.html文件，查看实现的效果。

Answer 2

.（类名）
#（ID名）
例：
<div id="asd"></div>
<div class="银棚qwe"></div>
#asd{
/*这是选取了id为asd的div*/
}
.qwe{
/*这是选取键唤了class类为qwe的div*/
}
class可以有多个同名
ID是唯一的！
在CSS中ID的优先级是锋亮则比CLASS高的

Answer 3

CSS结构是
选择器{属性:值;}
选择器有

标签选择器
h1 {font-size:20px;} 这说明HTML里的全部H1标签字体大小为20px
类选择器
.name {font-size:20px;} 这说明定义了name的类 给他字体大小20px
假世世肢如:
<style type="text/css">
.name {font-size:20px;}
</style>
<h1 class="name">Hello</h1>
<h1>Hello</h1>
这里上面的H1的字体大小为20PX;下面的不是20px了
ID选择器
#title {font-size:20px;} 这说明定义了title的ID 给他字体大小20px
假如:
<style type="搜世text/css">
#title {font-size:20px;}
</style>
<h1 id="title">Hello</h1>
<h1>Hello</h1>
跟类选择器一样 可是因为是ID 所以只能用一次
怎么说呢,,有个1.html 和2.html 俩个文件
1.html里定义了 #title 这个ID选择器 就在1.html里 只能用一次
因为是唯一的,可是在2.html里 也能用(这里也能用一次)

假如 你在百度申请了 wenwen 这个帐号后 这个帐号只能在百度里
唯一一个人可以使用,那就是你.(1.html 假设是百度)
可是你在谷歌里申请了 wenwen 这个帐号后 也可以使用
因为百度和谷歌 在ID上不相关,(2.html 假设是谷歌)
可#title 的属性是不变的 也就是 百度或谷歌不是一个网站 可是ID是一样返樱的 使用哪个人也是 一样的 ,
1.html = 百度
2.html = 谷歌
#title = wenwen 这个帐号
#title 里的 属性值 = 你本人

这样理解就行

还有后代选择器
这个有三个类型
div span {font-size:20px;} 标签后代选择器
.name span {font-size:20px;} 类后代选择器
#title span {font-size:20px;} ID后代选择器
这个好理解 所以只解释第一个

<div>
<span>Hello</span>
</div>
就是 所有DIV里 有SPAN的话 把样式给那个div里的span
下面跟上面的一样
name类 里的 span 给样式
title ID里的 span 给样式

好了说到这里应该会明白吧?呵呵

还不明白的话 QQ1142121214 加我,不知道的问我吧 呵呵

Answer 4

. 是类，可应用于任何标签，如:class="style1"源蚂
#是伪类，只可用于搏裂铅某一个标签，基好如:id="header"

Answer 5

.是类别选择符，#是i选择符。