关于CSS,如果有人问起你关于CSS方面的话题,对于CSS熟悉度不同的人分别有如下精采的回答,非常有趣:
第0级:CSS?那不是一个多人射击游戏吗?
有些人因为在找CS:S(Counter Strike: Source)这款游戏的资讯而进到#CSS网站。不必担心这些人,他们不可能制作太多网页,所以对网络也不会造成多大伤害。
Yeah, I use it to remove underlines on links sometimes
第1级:是啊,我偶尔用它来移除连结的底线
和第0级的人不同,这些人学过HTML,也制作过几个简单的网站。他们只有在无法使用HTML制作出某些效果时,才会使用CSS,例如移除连结的底线或者设定行高。这些人的网站通常规模不大也没什么访客,所以他们也不会对网络造成太大伤害。
No, I don’t like divs; tables are much easier to work with
第2级:不,我不喜欢div元素;表格好用多了
他们听过使用div元素来设计网页这件事,也花了些时间学习CSS。不过他们很快就放弃了,觉得CSS太难而且支持度不佳,还是宁可用表格排版。
注意!他们是危险人物!他们在这个领域已经待了一段时间,许多都是网站部门的主管。和他们接触是很重要的,提倡网络标准的人应该多多开导他们,这对网络的意义非同小可。
Yes I’ve heard it’s good, but I can’t use it because of…
第3级:是啊,听说它挺好的,不过我没用它因为……
这些人虽然知道CSS的优点,不过总是基于某些原因而无法使用它,例如他们可能有第2级的上司,或者他们必须考虑到Netscape 4的使用者。
旧版的浏览器虽然不支持CSS,不过使用者还是可以看见完整的内容。而基于亲和力(accessibility)和易用性(usability)的好处,CSS可以为网站带来更多访客。把这些优点告诉第3级的开发人员,即使他们不是决策者,或许多少能对第2级的上司发挥点影响力吧。
CSS? Oh! Yes, I use divs for all my layouts
第4级:CSS?喔!没错,我用div元素来排版
在页面中使用过多的div元素反而是这群人的问题,他们会用#toprightredline或是#r5_c7(表示第5列第7栏)这样的方式设定div元素的id。即使可以通过XHTML 1.1的验证,这种排版方式却无法发挥CSS的优势。萤幕朗读软体(screen readers,视障者使用的浏览器)很难解译这些网页,旧版浏览器也会有同样的问题,网页的内容无法完整显示。而不良的class与id命名方式,也对于版面的修改造成极大不便。
虽然第4级的人制作的网站仍然很糟,不过由于他们很容易接受新的观念,因此对网络造成的伤害较小。许多所见即所得(WYSIWYG)的编辑器制作出充满div元素的原始码,可能也是误导这群人的原因。
I use CSS for design, it’s better than tables because of…
第5级:我用CSS来设计,这比表格好多了,因为……
第5级的人知道CSS的优点并乐于使用,虽然有时会遇到些问题,但并不严重。他们也能运用长期的CSS工作经验,与人辩论为甚么要将网页的结构与设计分开。我猜这篇文章大部分的读者是这一级的CSS开发人员,我想我自己也是。不过这还不是最好的……
What version of CSS? Yes, I do. Did you read my book about…
第6级:哪个版本的CSS?是的,我知道啊。你有读过我的书关于……
第6级的人致力于改良CSS,并且写了许多很棒的文章介绍它的新用法。其中有些人将W3C关于CSS的说明文件全部读完了,并且知道哪些功能在哪个版本的浏览器才有支持。他们是CSS初学者的典范,并且运用他们的影响力使网络更加进步。其中有许多人组成了Web Standards Project,如果你在他们的网站上面发现任何错误,那一定是有理由的,向他们请教之后你必能获得满意的解答。
看了上面的回答,对号看看你是属于那哪个CSS水平?不会使CSS游戏吧^!
分享到:
相关推荐
在互联网应用中,特别是在电商、社交网络或者评论系统中,这样的功能能够提供直观、友好的用户体验,使用户可以快速地表达他们对产品、服务或内容的看法。下面将详细阐述其主要组成部分和实现原理。 1. **jQuery库*...
- 鼠标悬停功能:用户在未确定评分时,可以通过鼠标移动在不同的评分等级之间切换,预览不同评分下的结果。 - 确认评分:用户点击选定的分数后,系统记录并更新评分。 - 反馈显示:系统需实时显示用户给出的评分...
资产情绪分析平台(ASAP)... 尽快链接到后端存储库: : 使用的技术客户等级: 语言:TypeScript版本4 框架:Angular版本11 样式:材质UI + CSS DevOps工具: 管道:AWS CodePipeline 构建服务器: 部署:特征注册一
- **厨艺及菜谱信息浏览**:用户能够在系统中浏览各种厨艺信息和菜谱,包括烹饪技巧、食材选择、制作步骤等,并可根据不同的分类(如菜系、食材、难度等级等)进行搜索。 - **用户留言功能**:用户可以在系统中...
- “feedback.html”可能是一个收集用户反馈的页面,用于获取使用者对项目的看法和建议。 - “index.html”通常是网站的主页或者项目的主界面,这里可能包含了对整个项目的导航和总体介绍。 - “message.html”可能...
作为一名IT行业大师,我将从技术岗位的简历写作的角度,分享我的看法和经验,希望能够帮助到一些求职者,也期望能够得到一些同学的反馈。 一封完整的简历应该包含哪些内容?必选项:标题、个人基本信息、求职意向、...