css中,“.”和“#”这两个符号有什么区别?

html-css034

css中,“.”和“#”这两个符号有什么区别?,第1张

css中,.

#区别:

1、.是使用class引用的,多个控件可以同时使用一个class,一个控件上也可以使用多个class,比如:

.tdRed{border:solid

1px

red}

.tdBKBlue{background-color:blue}

<td

class="tdRed"

/>

<td

class="tdRed

tdBKBule"/>

而ID是在一个页面中唯一的,class表示泛性的,id表示个性的,所有的按钮都是一个颜色的,

.normalButton{background-color:blueborder:solid

0px

black}

对于提交按钮会要做的大一点。

2、#submit{width:100pxheight:100px}

按钮就是:

<input

type="button"

id="submit"

class="normalButton"

value="提交"

/>

普通的按钮就是:

<input

type="button"

id="abcdefg"

class="normalButton"

value="普通按钮"

/>

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文件,查看实现的效果。

#一次性,不可引用多次

. 可多次性

一般设定总体框架可以用#

其他反复引用的就class

<content id="content">

<div class="abc" ></div>

<div class="abc"></div>

</content>

类似这样吧!