网页设计师面试问答

合集下载

UI设计师面试问题大全

UI面试问题大全一、基础知识1.什么是UI设计？我相信可能很多人会觉得这个问题可能过于简单，但是的确会有企业会在面试的时候问到过这样的问题。

UI=User Interface,即：用户界面。

UI设计，也叫用户界面设计，是之对软件人机交互、操作逻辑、界面美观的整体设计。

我们日常生活中所用到的：手机、电脑、电视、车载系统、iPad、工业中控系统......只要是带有电子屏幕的显示设备，都有需要UI设计。

2.UI和UE最大的区别在哪里？UI即User Interface，用户界面，业界一般指的是界面视觉设计：UE即User Experience，用户体验，UE的范围更大一些，不仅仅包含视觉与交互层面的设计，研究的对象是用户在使用这个产品的过程中的所有的感受，比如听觉、视觉、嗅觉、味觉以及心里活动等。

3.谈谈你对用户体验的理解？用户体验是产品设计的灵魂职位，通过分析用户心理模型与产品功能需求来设计任务流程，运用交互知识搭建产品的核心架构设计出产品原型以最终实现产品的可用、易用与好用。

4.Material Design怎么理解的？把物理世界的体验带进屏幕。

去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过渡，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。

5.手持设备中，一般有7种触屏手势，是那7种？轻点，长按，拖曳，快速拖曳，双击，多点触控，双指长按。

6.图形设计中，什么是比较关键的设计要素？色调、风格、界面、窗口、图标、皮肤7.在Android设计中72，48，36的图标安全范围应该是多少？60，40，30 （如果72的图标单位px、那么回答的安全范围就是60px~72px之间）。

8.手机的控制按钮，原则上是在什么样的范围内设计？在手指的大拇指可控制的范围内设计。

（一般44px为宜）9.手机的退出方式，一般情况下会提供2种，是那2种方式？一种是完全退出，返回初始界面；一种是一层一层的退出。

ui设计师面试常见问题及答案

Q1:你为什么要做UI？你之前不是这个专业的，怎么想起来做UI的？我很早就知道UI这个工作，并且我有朋友是从事互联网这个行业的，在与他的交谈我们曾涉及过UI这个领域，也因此使我一直对UI都十分感兴趣，并且我也花费了大量的精力学习（时长：几个月至半年），身边也有业内辅导我。

目前互联网前景良好，特别是5G的到来，人工智能的发展，物联网、大数据的普及，UI设计比我自身所学的专业更有发展前景，因此我选择来从事UI行业。

Q2:请介绍一下你自己？你是怎么知道我们公司的？你对我们公司有什么了解？（针对该公司的近期的发展动向，组织相对的回答模式）例：某之前做网页的公司想开拓APP业务。

我曾做过n个APP的改版/我长期关注一些APP用户体验交互的现况，非常擅长APP的交互动画/色彩/排版/功能/产品定义。

我在应聘贵公司之前，对贵公司就有所耳闻，贵公司的XXX业务在行业中是处于XXX地位，可简述公司创始人及股东的资源来源。

贵公司的XXX（公司产品）最近是处于XX的状态，同时亦可分析竞争对手产品的优劣势。

Q3:你平时一般上什么网站？你收集了多少素材？你平时是怎么整理素材的？你一般去哪里找素材？在国内素材站有花瓣，（站酷）海洛，千图，昵图，我图等。

我的素材是不限于某一网站的，在此基础上习惯于将他们的优秀想法进行分类，同时也会根据色彩、风格等分类，目前已收集到一个硬盘的素材。

其实我个人在日常生活中也会画一些插画/启动页/2.5D/缺损图标。

Behance、Dribble、Pinterest也经常上。

另外，因为喜欢设计，我自己也是千图网的VIP会员。

Q4：你是怎么决定一个产品的配色的？首先，如果公司有VI企业识别，我会根据公司的VI企业识别，优先选择VI的配色。

其次，我会根据目标用户的喜好以及公司管理层对于产品定义的意见。

当然，对于产品配色大方向已经确定的情况下，我也会多出几个方案以供公司挑选（或使用用户调研的方式寻求最能让用户接受的配色方案）。

网页设计面试题(含答案)

网页设计面试题一、单选题：1.Web安全色所能够显示的颜色种类为( C )A.4种B.16种C.216种D.256种2.XML描述的是( C )A.数据的格式B.数据的规则C.数据的本身D.数据的显示方式3.非彩色所具有的属性为( C )A.色相B.饱和度C.明度D.纯度4.在HTML中，标记<font>的Size属性最大取值可以是( C )A.5B.6C.7D.85.在HTML中，标记<pre>的作用是( B )A.标题标记B.预排版标记C.转行标记D.文字效果标记6.下面不属于CSS插入形式的是( A )A.索引式B.内联式C.嵌入式D.外部式7.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( C )A.HTTPB.HTTPSC.SHTTPD.SSL8、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分） B A：<style src="mystyle.css">B：<link rel="stylesheet" type="text/css" href="mystyle.css">C：<stylesheet>mystyle.css</stylesheet>9. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )A. display:inlineB. display:noneC. display:blockD. display:inheric10、下列哪些是格式良好的 XHTML？（5分） BA：<p>A <b><i>short</b></i> paragraph</p>B：<p>A <b><i>short</i></b> paragraph</p>C：<p>A <b><i>short</i></b> paragraph二、多选题：1.WWW的组成主要包括( ACD )A.URLB.GopherC.HTMLD.HTTPE.Telnet2.下列关于IP地址与域名的说法正确的是( ABCD )A.IP地址以数字表示，域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次E.IP地址与域名都限制在32位内3.网页制作工具按其制作方式分，可以分为( BE )A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具4.下面说法正确的是( AE )A. Java是一种编译语言B. JaveScript是面向对象的程序设计语言C. javascript是由SUN公司开发的D. javascript的源代码非常安全E. Java采用强定义类型变量检查5.下面关于CSS的说法正确的有( ABC )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距三、填空题：1、改变元素的外边距用___margin_____，改变元素的内填充用____padding___2、对ul li的样式设成无，应该是用什么属性__list-style:none______。

8个经典的网页设计师面试问题及回答思路

8个经典的网页设计师面试问题及回答思路8个经典的网页设计师面试问题及回答思路面试过程中，面试官会向应聘者发问，而应聘者的回答将成为面试官考虑是否接受他的重要依据。

对应聘者而言，了解这些问题背后的“猫腻”至关重要。

下面是YJBYS收集整理的8经典的网页设计师面试问题及回答思路，欢迎阅读!问题一：“请你自我介绍一下”思路：1、这是面试的必考题目。

2、介绍内容要与个人简历相一致。

3、表述方式上尽量口语化。

4、要切中要害，不谈无关、无用的内容。

5、条理要清晰，层次要分明。

6、事先最好以文字的形式写好背熟。

回答要点：用10秒钟简单说说个人资料即可。

用一分半钟左右时间介绍你以前从事的工作，和所获得的经验。

再用一分钟左右时间描述你以前的工作经验对应聘的这份职位来说有那些帮助。

问题二：“谈谈你的家庭情况”思路：1、况对于了解应聘者的性格、观念、心态等有一定的作用，这是招聘单位问该问题的主要原因。

2、简单地罗列家庭人。

3、宜强调温馨和睦的家庭氛围。

4、宜强调父母对自己教育的重视。

5、宜强调各位家庭成员的良好状况。

6、宜强调家庭成员对自己工作的支持。

7、宜强调自己对家庭的责任感。

问题三：“你有什么业余爱好?”思路：1、业余爱好能在一定程度上反映应聘者的性格、观念、心态，这是招聘单位问该问题的主要原因。

2、最好不要说自己没有业余爱好。

3、不要说自己有那些庸俗的、令人感觉不好的爱好。

4、最好不要说自己仅限于读书、听音乐、上网，否则可能令面试官怀疑应聘者性格孤僻。

5、最好能有一些户外的业余爱好来“点缀”你的形象。

问题四：“你最崇拜谁?”思路：1、最崇拜的人能在一定程度上反映应聘者的性格、观念、心态，这是面试官问该问题的主要原因。

2、不宜说自己谁都不崇拜。

3、不宜说崇拜自己。

4、不宜说崇拜一个虚幻的、或是不知名的人。

5、不宜说崇拜一个明显具有负面形象的人。

6、所崇拜的人人最好与自己所应聘的工作能“搭”上关系。

7、最好说出自己所崇拜的人的哪些品质、哪些思想感染着自己、鼓舞着自己。

网页职位面试题目(3篇)

第1篇一、自我介绍1. 请简单介绍一下您的个人信息、教育背景和工作经历。

2. 您为什么选择网页设计这个职业？3. 您认为自己的优势和劣势是什么？4. 您如何描述自己的工作风格？5. 您在团队合作中通常扮演什么角色？6. 您如何看待加班和工作压力？二、专业知识1. 请解释HTML、CSS和JavaScript之间的关系。

2. 您熟悉哪些网页设计工具和软件？3. 请简述响应式设计的概念及其重要性。

4. 如何实现网页的跨浏览器兼容性？5. 请谈谈您对Web标准化的理解。

6. 您如何优化网页的性能和加载速度？7. 请描述一下您在网页设计过程中如何处理图片和多媒体资源。

8. 您熟悉哪些前端框架和库，如React、Vue、Angular等？9. 请谈谈您对前端工程化的理解。

10. 您如何处理网页设计中的安全问题？三、项目经验1. 请列举您参与过的网页设计项目，并简要介绍项目的背景、目标、您的职责以及最终成果。

2. 在您参与的项目中，遇到哪些技术难题？您是如何解决的？3. 请谈谈您在项目团队合作中的经验和教训。

4. 您在项目中如何与客户沟通，确保设计满足客户需求？5. 请分享一个您认为最成功的项目，并说明原因。

6. 您在项目中如何处理项目进度和风险？7. 请谈谈您在项目管理方面的经验。

四、案例分析1. 请分析一个您认为设计出色的网页，并解释其成功之处。

2. 请分析一个您认为设计不成功的网页，并指出其问题所在。

3. 请谈谈您对网页设计趋势的看法。

4. 请谈谈您对移动端网页设计的看法。

5. 请谈谈您对网页设计伦理的看法。

五、职业规划1. 您对未来5年的职业发展有何规划？2. 您希望在工作中实现什么样的目标？3. 您如何保持自己的技能和知识更新？4. 您如何平衡工作和生活？5. 您如何看待职业发展和个人兴趣的关系？六、行业动态1. 请谈谈您对当前网页设计行业的看法。

2. 您认为网页设计行业未来发展趋势是什么？3. 您如何应对行业变革和竞争？4. 您认为哪些技术将对网页设计行业产生重大影响？七、综合素质1. 您如何处理工作中的冲突和压力？2. 您如何与不同性格和背景的人沟通？3. 您如何提高自己的团队合作能力？4. 您如何处理工作中的突发事件？5. 您如何看待自己的职业价值观？八、拓展题目1. 请设计一个简单的网页，包括首页、关于我们、产品展示和联系我们等页面。

ui设计面试题目(3篇)

第1篇1. 请简述UI设计的定义及其在产品开发中的作用。

2. UI设计主要包括哪些方面？3. 请解释什么是用户界面（UI）？4. 请说明什么是用户体验（UX）？5. 请列举一些常用的UI设计工具。

6. 请解释什么是原型设计？原型设计在UI设计过程中的作用是什么？7. 请说明什么是交互设计？交互设计在UI设计过程中的作用是什么？8. 请解释什么是色彩心理学？在UI设计中如何运用色彩心理学？9. 请说明什么是版式设计？版式设计在UI设计过程中的作用是什么？10. 请解释什么是图标设计？图标设计在UI设计过程中的作用是什么？11. 请说明什么是动画设计？动画设计在UI设计过程中的作用是什么？12. 请解释什么是响应式设计？响应式设计在UI设计过程中的作用是什么？13. 请说明什么是信息架构？信息架构在UI设计过程中的作用是什么？14. 请解释什么是用户研究？用户研究在UI设计过程中的作用是什么？15. 请说明什么是可用性测试？可用性测试在UI设计过程中的作用是什么？16. 请解释什么是无障碍设计？无障碍设计在UI设计过程中的作用是什么？二、UI设计流程与技巧1. 请简述UI设计的一般流程。

2. 请说明如何进行需求分析？3. 请解释如何进行竞品分析？4. 请说明如何进行用户研究？5. 请解释如何进行原型设计？6. 请说明如何进行界面设计？7. 请解释如何进行交互设计？8. 请说明如何进行色彩搭配？9. 请解释如何进行版式设计？10. 请说明如何进行图标设计？11. 请解释如何进行动画设计？12. 请说明如何进行响应式设计？13. 请解释如何进行信息架构设计？14. 请说明如何进行可用性测试？15. 请解释如何进行无障碍设计？三、UI设计案例分析1. 请以一款热门APP为例，分析其UI设计特点。

2. 请以一款热门网站为例，分析其UI设计特点。

3. 请以一款热门游戏为例，分析其UI设计特点。

4. 请以一款热门智能硬件为例，分析其UI设计特点。

网编_面试题目(3篇)

第1篇一、基础知识篇1. 请简要介绍网络编辑的职责和日常工作内容。

网络编辑主要负责网站的日常运营，包括但不限于以下内容：（1）收集、整理、筛选、编辑各类网络信息，确保内容的质量和时效性；（2）策划、撰写、编辑各类原创文章、专题报道等；（3）负责网站页面布局、版式设计、图文编辑等工作；（4）维护网站互动板块，如论坛、评论区等，引导网友理性讨论；（5）与相关部门沟通，协调各类线上活动；（6）分析网站数据，为网站优化提供依据。

2. 请解释以下概念：SEO、SEM、HTML、CSS、JavaScript。

（1）SEO（Search Engine Optimization）：搜索引擎优化，是指通过各种手段提高网站在搜索引擎中的排名，从而增加网站访问量。

（2）SEM（Search Engine Marketing）：搜索引擎营销，是指利用搜索引擎进行网络营销，包括SEO和PPC（Pay-Per-Click，按点击付费）等。

（3）HTML（HyperText Markup Language）：超文本标记语言，是网页内容的结构化表示，用于创建网页的基本骨架。

（4）CSS（Cascading Style Sheets）：层叠样式表，用于控制网页元素的样式，如字体、颜色、布局等。

（5）JavaScript：一种轻量级编程语言，用于实现网页的交互功能。

3. 请列举至少5种常见的网络编辑工具。

（1）Microsoft Word：文字处理软件，用于编辑文档。

（2）Dreamweaver：网页设计软件，用于创建和编辑网页。

（3）Photoshop：图像处理软件，用于编辑图片。

（4）HBuilder：HTML5开发工具，提供代码提示、预览等功能。

（5）SEO工具：如百度SEO工具箱、5118等，用于网站优化和数据分析。

二、技能应用篇1. 请简述如何提高文章的可读性？（1）使用简洁明了的语言，避免冗长和复杂的句子结构；（2）合理运用标点符号，使文章层次分明；（3）采用适当的段落划分，使文章易于阅读；（4）运用修辞手法，增强文章的感染力；（5）结合实际案例，使文章更具说服力。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1. 用户自定义的类和ID在定义和使用时有什么区别?【解答】定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。

2、说明在网页设计中层的作用。

【解答】层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。

它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。

3. CSS指的是什么?在网页制作中为什么要使用CSS技术?【解答】CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。

在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

4. 网页制作中有哪几种样式设置方法?各有何特点?【解答】网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

1) 内联式样式设置：设置方法：直接在要设置样式的各标记元素中修改style属性;优点：直观、方便;缺点：不易于维护和修改;适用于：网页中个别需要修改的元素的样式定义;2) 直接嵌入式样式设置：设置方法：在HTML文档的<head></head>之间添加<style></style>定义，<style></style> 部分是所有需要设置样式的元素的属性定义。

优点：对当前页面内的所有元素的样式修改、维护比较方便;缺点：对于网站建设，要采用相同的样式设置则比较麻烦;适用于：单独网页的样式定义;3) 外部链接式样式设置：设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其<head>与</head>之间添加一个对该样式文件的链接：<link type="text/css" href="MyStyle1.css" rel="Stylesheet" />即可;适用于：需要统一显示样式的网站建设。

5、RGB色彩与CMYK色彩区别在哪里？网页设计用什么色彩模式，为什么？6、你有自己的网站吗？你的网站表现什么主题？是通过什么来表现的？7、我公司网站需要改版，有什么建议？网页设计师考试试题姓名:_______________ 联系电话:_____________一,单项选择题(本大题共30小题,每小题2分,共60分)1,目前在Internet上应用最为广泛的服务是( )A.FTP服务B.WWW服务C. Telnet服务D. Gopher服务2,域名系统DNS的含义是( ).A. Direct Network SystemB. Domain Name ServiceC. Dynamic Network SystemD. Distributed Network Service3,主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码.A. centerB. nbuC. eduD. cn4,当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( ).A. GB码B. Unicode码C. BIG5码D. HZ码5,当标记的TYPE属性值为( )时,代表一个可选多项的复选框.A. TEXTB. PASSWORDC. RADIOD. CHECKBOX6,为了标识一个HTML文件应该使用的HTML标记是( )A.＜P＞＜/P＞B.＜body＞＜／body＞C.＜html＞＜／hTmL＞D.＜table＞＜／table＞7,在客户端网页脚本语言中最为通用的是( )A.javascriptB.VBC.PerlD.ASP8,在HTML中,标记的Size属性最大取值可以是( )A.5B.6C.7D.89,使用嵌入式方法引用样式单应该使用的引用标记是( ).A.＜link＞B.＜object＞C.＜style＞D.＜head ＞10,在DHTML中把整个文档的各个元素作为对象处理的技术是( )A.HTMLB.CSSC.DOMD. Script(脚本语言)11,下面不属于CSS插入形式的是( )A.索引式B.内联式C.嵌入式D.外部式12,在网页中最为常用的两种图像格式是( ).A.JPEG和GIFB.JPEG和PSDC.GIF和BMPD.BMP和PSD13,如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )A.HTTPB.HTTPSC.SHTTPD.SSL14,在HTML中,要定义一个书签应该使用的语句是( ).A.<a href= #object-name >text </a>B.<a name= object-name >text </a>C.<a target= #object-name >text </a>D.<a link= #object-name >text </a>15,对远程服务器上的文件进行维护时,通常采用的手段是( )A. POP3B. FTPC. SMTPD. Gopher16,下列Web服务器上的目录权限级别中,最安全的权限级别是( )A.读取B.执行C.脚本D.写入17,XML描述的是( )A.数据的格式B.数据的规则C.数据的本身D.数据的显示方式18,Internet上使用的最重要的两个协议是( )A. TCP和TelnetB. TCP和IPC. TCP和SMTPD. IP和Telnet19,下列Web服务器上的目录权限级别中,最安全的权限级别是( ).A.读取B.执行C.脚本D.写入20,下面说法错误的是( )A.规划目录结构时,应该在每个主目录下都建立独立的images目录B.在制作站点时应突出主题色C.人们通常所说的颜色,其实指的就是色相D.为了使站点目录明确,应该采用中文目录21,在Dreamweaver中,最常用的表单处理脚本语言是( ).A. CB.JavaC.ASPD.javascript22,在Dreamweaver MX中,想要使用户在点击超链接时,弹出一个新的网页窗口,需要在超链接中定义目标的属性为( )A. parentB. _bankC. _topD. _self23,网页制作技术不可以实现由一个文件控制一大批网页( )A. CSS文件B.库C.模板D.层24,查看优秀网页的源代码无法学习( ).A.代码简练性B.版面特色C.网站目录结构特色D. Script程序25,在网页制作过程中,LOGO的标准尺寸为( )Pixels.A.468~60B.80~31C.88~31D.150~6026,客户机可向服务器按MINE类型发送和接收信息,客户机使用( )请求方式表示要求服务器发送文件头消息.A.SMTPB.GETC.HEADD.POST27,在色彩的RGB系统中,32位十六进制数000000表示的颜色是( ).A.黑色B.红色C.黄色D. 白色28,SQL Server "连接"组中有两种连接认证方式,其中在( )方式下,需要客户端应用程序连接时提供登录时需要的用户标识和密码.A,Windows身份验证B,SQL Server 身份验证C,以超级用户身份登录时D,其他方式登录时29. 网页代码第一行说明此页是:A,HTM B,PHP C,ASP D,VBSCRIPT30,不论是网络的安全保密技术,还是站点的安全技术,其核心问题是( ).A,系统的安全评价B,保护数据安全C,是否具有防火墙D,硬件结构的稳定二,简答题(每小题8分,共40分)31,简述建设一个网站的一般过程.32,简述gif,jpg,swf,psd文件的特点和用途.33,Asp与javascript有什么区别34,论述网页设计中所需要注意的通用规则.35,简述浏览器从打开index.htm的工作过程.三,论述题假设您现在是广丰信息港的策划人,将为广丰信息港规划5个核心栏目,您会设置哪五个栏目请说明每个栏目的设置目的,原因和运作方式.答案1.B2.B3.D4.C5.D6.C7.A8.C9.A 10.C11.A 12.A 13.B 14.A 15.B16.A 17.C 18.B 19.C 20.D21.D 22.B 23.D 24.C 25.C26.D 27.A 28.B 29.C 30.A简答题要点:31.(1)申请域名(2)购买空间(3)制作网页(4)上传管理32. gif 动态格式小图形jpg 压缩比大大图形swf flash动画格式动态页面psd 可保留分层信息,便于修改photoshop源文件33.asp是服务器代码javescript是客户端代码34. 首先,网站的设计目的决定设计方案.其次,浏览者的需求要放在第一位.另外还需要注意页面的有效性.页面的布局要保持统一.使表格和适当的帧结构来设计网页.要谨慎使用图片.要有平面设计意识.同时减少Java Applet和其他多媒体的使用.35. (1)浏览器向DNS获取的IP地址(2)浏览器与IP地址建立TCP连接,端口为80;(3) 浏览器执行HTTP协议,发送GET index.htm 命令,请求读取该文件;(4)服务器返回index.htm 文件代码到客户端;(5)解释此页面,显示出页面内容.36.此题主要考察应聘者对网站未来发展方向的把握,便于1. 用户自定义的类和ID在定义和使用时有什么区别?【解答】定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。