CSS设计中ID与CLASS之间的区别

  DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

  我们都知道,在网页上利用HTML定位文字和图像是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。

  而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!

  Cascading Style Sheets(CSS)是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS 的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS 和 CSS-P。下面四个英文网址提供了详细的关于 CSS 和 CSS-P 的文件和解释。

&">nbsp;       class是设置标签的类

id是设置标签的标识

class属性用于指定元素属于何种样式的类。

如样式表可以加入

.title {

font-size: 14px;

font-weight: bold;

}

使用方法:class="title"

id属性用于定义一个元素的独特的样式。
 
        如一个CSS规则:

#container

{
        width: 1004px;
        margin: 0 auto;
        text-align: left;
        }

使用方法:id="container" ,id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

class是一个样式,可以套在任何结构和内容上,就象一件衣服;

概念上说就是不一样的:
        id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

时间: 2024-09-26 07:42:33

CSS设计中ID与CLASS之间的区别的相关文章

html结构的拆与合 css设计中的不变与可变

html结构的拆与合 断续进度条 下面是一个进度条,估计大家大概一眼就可以看出这个进度条与普通的不一样,这个进度条是有缺失区域的,有点像被老鼠偷吃了,断断续续的. 断续进度条 这个原本是一个朋友发给我的,问我有什么好的建议,当时想了想也确实想不到什么好的办法,就只好说一个个切吧,那就是本文所说的拆了,结构如下: 底部灰色由progress的背景实现,其余每个done表示一个蓝色段,每个undo表示一个灰色段,各自设置对应的宽度 .progress    .progress-done    .pr

div布局-DIV + CSS设计中的DIV是指的html中的div标签吗?

问题描述 DIV + CSS设计中的DIV是指的html中的div标签吗? 在DIV+CSS设计中的DIV如果是div标签的话, 那么DIV+CSS的意思就是换行标签与层叠样式表. 这个意思好像有些别扭. 解决方案 DIV+CSS是WEB设计标准,它是一种网页的布局方法.不是指页面的div标签的. 参考:http://baike.baidu.com/link?url=lf2dUBDDlOdMJHnoAr-bUvWbZQ_JBgQr8z__vWe3mUr5XesIP_2Gf65cXxgENgzCS

哪些HTML标签在DIV CSS设计中是可以使用的?

css|设计 <a>双 定义一个链接name=text 本网页内目标名称(书签),可为数字或文本href=url 指定目标地址tabindex=number 指定该链接在当前文件的Tab键次序中的位置 0-32767之间charset=charset 指定目标文件的字符编码形式例:<A href="link.html"><IMG Sre="Pixoe.gif"></A><A href="mailto:j

CSS设计中选择器的巧妙使用

id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题.列表.图片.链接或者段落等等.例如你为#header写一个CSS规则,就可以完全不同于#content里的图片规则. 可以通过不同规则来定义不同内容块里的链接样式.类似这样:#nav a:link或者 #main a:link或者#footer a:link.也可以定义不同内容块中相同元素的样式不一样.例如,通过#main p和#

以太网交换机中堆叠和级联之间的区别

级联是通过集线器的某个端口与其它集线器相连的,如使用一个集线器UPLINK口到另一个的普通端口:而堆叠是通过集线器的背板连接起来的,它是一种建立在芯片级上的连接,如2个24口交换机堆叠起来的效果就像是一个48口的交换机,优点是不会产生瓶颈的问题.堆叠(Stack)和级联(Uplink)是多台交换机或集线器连接在一起的两种方式. 它们的主要目的是增加端口密度.但它们的 实现方法是不同的.简单地说,级联可通过一根双绞线在任何网络设备厂家的交换机之间,集线器之间,或交换机与集线器之间完成.而堆叠只有在

JS中typeof与instanceof之间的区别总结_javascript技巧

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的.但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型. 它返回值是一个字符串,该字符串说明运算数的类型.typeof 一般只能返回如下几个结果: number,boolean,string,function,object,undefined.我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="un

JAVASCRIPT style 中visibility和display之间的区别_javascript技巧

当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置. --------------------------------------------------------------- 例子: 复制代码 代码如下: <script language="JavaScript"> function toggleVisibility(me){ if (me.style.visibility=="hidde

探讨Ajax中同步与异步之间的区别_AJAX相关

请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用window.location.search获得).参数可以用encodeURIComponent进行编码,使用方式: var EnParam = encodeURIComponent(param); URL只支持大约2K的长度,即2048字符数:使用GET进行AJAX请求时候会缓存导致出现的页面不是正确的,一般方法加random参数值:aja

C++中Overload,Override,Hide之间的区别_C 语言

一. 简介•Overload: 重载,指函数同名,但是参数个数不同.或者参数类型不同的多个实现.(如果参数相同但是仅仅返回值不同不是重载,编译器会报错.) 编译器判断重载函数:•第一步,是确定该调用中所考虑的重载函数的集合,该函数集合被称为候选函数(candidant function).所谓候选函数就是与被调用函数同名的函数. •第二步,分为两动作:第一个动作是编译器从第一步选出的候选函数中调出可行函数(viable function).可行函数的函数参数个数与调用的函数参数个数相同,或者可行