Dreamweaver中id和class的用法和区分

最新推荐文章于 2026-08-19 14:12:18 发布
转载 最新推荐文章于 2026-08-19 14:12:18 发布 · 8.6k 阅读 · 1
收录于
杂谈

当前文章被收录于：

杂谈
21 篇文章 0 人学习
订阅专栏 查看详情
本文解释了HTML中ID与Class的概念差异。ID用于唯一标识页面元素并定义其样式，而Class则用于将相同的样式应用于多个元素。文章通过比喻帮助理解两者的应用场景。
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆； 

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

概念上说就是不一样的： 


id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。 

无论id还是class都能轻松实现特别效果
从零构建个人作品集网站：前端开发实战指南与项目经验分享
Liusuzhi19610221的博客
06-15 514
前端开发是构建现代网站与Web应用的核心技术，其核心原理在于通过HTML、CSS和JavaScript的有机结合，实现结构、样式与行为的分离与协同。HTML负责搭建页面语义化骨架，CSS通过Flexbox、Grid等布局技术控制样式与响应式呈现，而JavaScript则为页面注入动态交互能力。掌握这些技术不仅能实现功能完备的网页，更能提升代码可维护性、页面性能与用户体验，是前端工程师的核心竞争力。在实际工程实践中，从环境搭建、设计稿分析到语义化编码、样式布局、交互实现，再到性能优化与部署上线，每一个环节都至
Dreamweaver CS6网页设计与制作全流程项目实战电子教案（含课件+源码+习题）
weixin_35756373的博客
08-19 229
HTML5验证属性的价值在于其与浏览器原生表单提交流程的深度耦合。当用户点击时，浏览器会自动触发方法，若任一字段验证失败，则阻止表单提交，并显示默认气泡提示。这一机制在IE9+中可用，IE8则完全忽略。JS自定义验证则提供完全控制权：可绕过原生提交、执行异步API调用、定制错误UI。混合策略的核心在于“触发时机”的精确协调——JS验证不应取代原生验证，而应作为其补充与增强。具体而言，JS应在submit事件中执行，此时原生验证已运行完毕，返回布尔值，开发者可据此决定是否继续JS逻辑。
html div标签的 class属性是干嘛用的？
Dontla的博客
02-25 3万+
参考文章：https://zhidao.baidu.com/question/120064132.html
DW中类、标签、ID的区别
06-16
描述了dw中类、标签、ID之间的区别，有助于网页制作者
DW学习笔记（2）——div+css布局初识
FFA(Frighting for Ambition!)
01-29 3701
   和标签的区别：定义表头，字体将加粗；普通单元格                                                   div+css布局  良好结构的HTML页面内几乎没有表现属性的标签。代码非常干净简洁。例如， 原先的代码， 现在可以只在HTML中写，所有控制表现的东西都写到CSS中去，在结构 化的HTML中，table就是表格，而不是其他什么
CSS学习笔记-附加篇（div中class与id的区别及应用）
技术文章（PHP,perl,python,java,j2me,android)
08-22 792
class是设置标签的类。　　id是设置标签的标识。 　　class属性用于指定元素属于何种样式的类。 　　如样式表可以加入： 　　.baobao { color: lime; background: #ff80c0 } 　　使用方法：class="baobao" 　　id属性用于定义一个元素的独特的样式。如一个CSS规则： 　　#binbin { font-size: l
div标签中id、class属性的使用与区别
weixin_34166847的博客
06-05 4122
2019独角兽企业重金招聘Python工程师标准>>> ...
data-id 和 id 的区别 data-id 的样式写法
热门推荐
qq_41648132的博客
05-18 4万+
id是选择器data-id只是行内存放数据的一个标签，跟input里面的value作用是一样的同时在HTML5 中增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。例如：<style type="text/css"> div[data-id="something"]...
网页设计中 CLASS和ID的区别
11-10 678
 　　CLASS和ID的区别 　　在样式表定义一个样式的时候，可以定义id也可以定义class。 　　1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.” 　　2、id一个页面只可以使用一次；class可以多次引用。 　　3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆； 　　    CLASS是一个样式，可以套在任何结构和内容上，就象一
dreamweaver 正则表达式为属性值加上双引号_【HTML 教程】网页元素的属性
weixin_39769675的博客
11-28 416
作者 | 阮一峰1、简介网页元素的属性(attribute)可以定制元素的行为，不同的属性会导致元素有不同的行为。元素属性的写法是 HTML 标签内部的“键值对”。<html lang="en">上面代码中，标签内部的键值对lang="en"，就称为html元素的属性。属性名为lang，属性值为en。属性名与标签名一样，不区分大小写，lang和LANG是同一个属性。属性名与属...
css(二)：css的四种基本选择器、组合选择器、属性选择器、伪类
白骨梦儿
06-13 5219
继：https://blog.csdn.net/ak739105231/article/details/91824551 一.基本选择器（包括：通用选择器、标签选择器、class选择器、id选择器） * ：通用选择器 这里就以嵌入式截图举例： E：标签选择器，匹配所有使用E标签的元素（即：通过元素名称来选择，如：p、div……） 这里就不截图了 .info和E.info: cl...
大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食）
...
07-15 6424
HTML+CSS+JS【购物商城】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
大学生静态HTML个人网站制作：从零到部署的完整实战指南
weixin_30835649的博客
08-10 314
Web开发的核心基础是理解HTML、CSS和JavaScript这三大基石。HTML定义了网页的结构与语义，CSS通过盒模型和Flexbox等布局技术控制视觉呈现，而JavaScript则负责实现交互逻辑。掌握这些原生技术对于构建稳定、高效的网页至关重要，也是学习React、Vue等现代前端框架的必经之路。在工程实践中，采用语义化标签、响应式设计和性能优化能显著提升网站的可访问性与用户体验。这些技术特别适合应用于个人作品集、博客或展示型网站的开发。本文聚焦于大学生如何从零开始，运用DIV布局和原生JavaS
从零搭建桌面级自动化工厂：机器人、CNC与机器视觉集成实践
最新发布
weixin_30698527的博客
08-19 470
自动化生产线是现代制造业的核心，其本质是通过软件与控制系统，将机器人、数控机床、视觉系统等硬件单元协同起来，实现生产流程的无人化与智能化。其技术原理在于通过中央控制器，基于标准工业通信协议（如Modbus TCP、OPC UA）调度各设备，完成从原料上料、精密加工到质量检测的全流程。这种软件定义制造的模式，能极大提升生产效率、保证产品一致性并降低人力成本，尤其适用于小批量、多品种的柔性生产场景。本文聚焦于如何利用协作机器人、CNC加工中心和机器视觉等关键技术，构建一个低成本、高灵活性的微型智能工厂，并深入探
如何使用HTML设置浮动
weixin_57762639的博客
09-08 2510
共有10个步骤 首先打开DW软件,进入 2.之后新建一个文档 3.首现，创建两个div 4.然后，在给它设置class属性 5.然后在通过class设置css样式 6.设置宽度和高度 7.在设置背景颜色 8.设置悬浮div的样式，设置绝对定位 9. 设置悬浮div的位置，需要用到top和left 10.最后在浏览器打开预览 ...
dw改透明度_Dreamweaver技巧制作图片半透明效果
weixin_39916479的博客
12-20 4567
【推荐】Dreamweaver技巧:制作图片半透明效果!Dreamweaver技巧:制作图片半透明效果!在网页的图片处理中，半透明是经常要用到的图片效果，它可以半遮半现地显示图片下面的元素。利用这一点我们可以做出很多种效果，例如烟雾效果等。今天在这里就讨论如何在Dreamweaver4中设置和使用这种效果。设置步骤：1.在Dreamweaver4中点“window”→“CSSStyles”(...
选择器
weixin_44538225的博客
03-30 568
在DW中Css的元素的选择器 *：通用符号。在里面设置的样式是可以全局去响应的，样式随自己想设置的去设置。例如： * { color: #900; } ID选择器。使用ID选择器最重要的一条是在类之前加上#号，如果不加上#号，那么浏览器则会默认为这是类的选择器，并不会去响应你写的样式，而且也找不到你写的样式； /*id选择器*/ #myh1 { color: #F3C; /*设置颜色*/ ...
HTML之class属性、table元素、块级和内联元素
pleasecallme_522的博客
07-18 1万+
一：网页的组成部分： 1.结构：HTML 2.样式：CSS 3.行为：Javascript二：介绍新的属性：class（类），直接用例子来解释该属性的用法： 给一个标签确定样式的三种方法（按样式表的位置区分）： 1.行间样式表：在<body>内直接添加样式，如：< p class="box" style="color:blue">测试文字</p>2.内部样式表： 1）在<body>内需要
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值