div中class与id的区别及应用
来源：cz268.com 发布时间：2007-09-22 08:37:00
asp之家注：也许很多人对网页设计中的，id和class和name的区别不是很清楚，好像觉得都可以使用，没什么不同。就我个人来讲，我的理解是ID是一个HTML中唯一的元素标志，最好不要出现重复，如果重复就会给调用该元素带来麻烦，而class和name是可以重复的。
比如你可以给2个或3个或更多的INPUT 设置同一个class或name，class就是用来设置css的，只要你设置了一个class的样式属性，那么那些有着相同class的input元素就都有了这个样式属性，这样使得代码更加的简洁。name一般用于程序的调用，如js或asp通过name来获取该input的值。
本文详细介绍了在样式css设计中class和id的区别及应用！
class是设置标签的类。
id是设置标签的标识。
class属性用于指定元素属于何种样式的类。
如样式表可以加入：
.baobao { color: lime; background: #ff80c0 }
使用方法：class="baobao"
id属性用于定义一个元素的独特的样式。如一个CSS规则：
#binbin { font-size: larger }
使用方法：id="binbin"
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；
class是一个样式，可以套在任何结构和内容上，就象一件衣服；
概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事 线，你可以通过CSS，javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ，class= "Gandalf"， class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。
至于 ID，通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时（比如说通常一个页面都是由一个页眉，一个报头< masthead>，一个内容区域和一个页脚等组成），一般使用ID比较理想，因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中 很少会出现大于一次的情况。
归纳成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。
在实际应用的时候，Class可能对文字的排版等比较有用，而ID则对宏观布局和设计放置各种元素较有用。
0
投稿猜你喜欢
2020年4月4日,是个特殊的日子,我们看到朋友圈很多灰化的图片.今天我们就聊聊图片灰度处理这事儿.PIL的基本概念：PIL中所涉及的基本概- 问题：MySQL某个表自增id溢出导致某业务block背景： tokudb引擎的一个大表tb1，存放业务
- 继承是面向对象编程的一个重要的方式，因为通过继承，子类就可以扩展父类的功能。回忆一下Animal类层次的设计，假设我们要实现以下4种动物：&
- 本文也是开发项目中的一个小经验Tip，虽然很简单，但对很多朋友也有小帮助。我们实际工程中，可能遇到开发环境、预上线环境、线上环境等环境场景，
- python中判断文件结束符的方法：可以使用try except语句块来进行判断。具体使用方法：【try:while True:s = in
- 禁止鼠标右键：$(document).ready(function(){ $(document).bind("contextmen
- 需求当需要同时ping/telnet多个ip时，可以通过引入ping包/telnet包实现，也可以通过go调用cmd命令实现，不过后者调用效
- 这篇文章主要介绍了JavaScript监听触摸事件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要
- 一个专门实现sql server数据库的增删改查，以及将查询的结果返回成表格等功能，分享代码如下using System;using Sys
- 如下所示：import picklewith open(filename, 'rb') as f: datadict = p
- 例如输入：['adam', 'LISA', 'barT']，输出：['Adam
- 最近，需要对日志文件进行实时数据处理。一、简单的实时文件处理（单一文件）假设我们要实时读取的日志的路径为： /data/mongodb/sh
- 本文实例讲述了MySQL 表数据的导入导出操作。分享给大家供大家参考，具体如下：数据导出1. 使用 SELECT ..
- 本文主要介绍如何通过python生成ppt文件，以及借助ppt模板来生成ppt环境python 3python-pptx安装pip3 ins
- 本文实例讲述了python静态方法。分享给大家供大家参考。具体实现方法如下：staticmethod Found at: __builtin
- 一、背景我们日常测试中存在大量重复的造数操作，且流程较长，为了提升测试效率，我们搭建了数据构造平台。平台采用了前端 + 脚本分离的形式，数据
- 定义流的作用是使用统一的方式处理文件、网络和数据压缩等共用同一套函数和用法的操作。简单而言，流是具有流式行为的资源对象。因此，流可以线性读写
- 1. dataloader() 初始化函数def __init__(self, dataset, batch_size=1, shuffle
- 好难受，上次发了做游戏的居然没人看，每天为了给你们写啥，老夫心都操碎了~真的是，今天来给大家爬一波短视频网站吧，都是些很养眼的~网站地址在代
- 人生苦短，我选Python。Python比其他的语言来说真的简洁多了，很多时候想做的东西都有对应的模块可以导入，平时玩点小东西真心不错。首先
