CSS中"."与"#"有什么区别?

html-css07

CSS中"."与"#"有什么区别?,第1张

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

.bb {

}

#dd {

}

解析:

# 是 CSS 样式选择符,对应 id 属性,由于 id 在相同页面是唯一的,所以 # 用于特定样式

. 是 CSS 类,对应 class 属性,用于指定多个相同样式

id 和 class 可以联合使用

在选择器里

#开头的表示的id选择器

.开头的表示的是类名选择器

类名选择器的优先级要低于id选择器

但是通常我们不使用id选择器,id通常是为JS而预留的

<style>

    .con {

        color: #39f

    }

    #con {

        background-color: #f00

    }

</style>

<div class="con">HTML5 学堂</div>

<div id="con">原创技术文章</div>

类名与标签的class属性对应

id名与标签的id属性对应

两者之间的区别太大了!

css又可以称层叠样式表(cascading stylesheet),

css可以说是用来辅助html的布局的一种形式。。。

举个例子我相信你会明白,比如你的老板让你改一个网页,内容数据都不变,只是把网站的结构和颜色改变一下,把整体风格变化了,那你是选择用什么方式来改呢,当然要求你以最快的速度,一周的时间,一个非常大的网站,呵呵,如何你一个一个的改写html代码,想一想,等于从新做一个网站,没什么区别,而且使用css样式表呢,一周的时间吗,呵呵,我想你用不到一天的时间就改完了.我说的只是一个方面.在css里有很多的细节性东西,那当然是你今后要多多学习和了解的地方了.相信你会成功的.