顶级CSS设计原则CSS可以成为设计师非常强大的标记语言。但是,CSS是生成由设计者创建的代码的原则。虽然你可能认为任何人都可以编写CSS,但编写CSS和生成优秀CSS之间存在很大差异。

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

位置:东莞互域 > 常见问题 > >> 东莞建设网站:讲解顶级的CSS设计构思的标准

东莞建设网站:讲解顶级的CSS设计构思的标准

发布时间:2019-09-30 17:50   来源:互域
302019-09

顶级CSS设计原则CSS可以成为设计师非常强大的标记语言。但是,CSS是生成由设计者创建的代码的原则。虽然你可能认为任何人都可以编写CSS,但编写CSS和生成优秀CSS之间存在很大差异。确保你走在正确的轨道上,这里有八个CSS原则,每个网页设计师都应该是这样的。 接下来我们东莞建设网站:讲述顶级的CSS设计构思的标准,不会的来了解一下呀。

顶级的CSS设计构思的标准:

1。花些时间来验证您是否计划花时间在css中编码,因此请花时间验证您创建的代码。然而,令我惊讶的是,许多设计师跳过这一重要步骤。验证您的代码可以清除任何问题,并确保它适用于您的访问者。除了验证CSS文件外,还应验证HTML或XHTML文件。在验证这些文件之前,请确保您有时间声明相应的HTML或XHTML文档类型。声明DOCTYPE似乎是一个微不足道的细节,但我不能指望我沮丧的设计师继续设计有问题的讨论很多,只是发现这是因为他们已经宣布过时的DOCTYPE(或根本没有DOCTYPE)。

2。文件(不在您的代码中)无论您是在处理单独的项目还是设计团队,这对您创建的工作都很重要。您可以在设计团队的背景下了解为什么这将是重要的,但您可能想知道为什么如果您在独立项目上工作会很重要。好吧,你的个人项目总有可能最终演变成一个集体项目,如果发生这种情况,手头有一个文件比试图回去创建它更容易。但是,即使您的项目仍然由一个人执行,您可能会对决定重新访问项目时文档的有用程度感到惊讶。在创建CSS代码文档时,大多数设计师的自然冲动是将它们直接添加到/*和* /之间的代码中。像原始列表一样

404.jpg

很多,这种方法在技术上没有任何问题。但是,直接添加到CSS代码注释会增加文件大小,这会增加加载时间并降低网站的整体性能。如果您认真编写顶级CSS代码,则应将代码记录在单独的文件中。虽然我真的相信这在单独的文件中更有效,但我知道很多人不同意这种方法。如果您拒绝在单独的文件中执行此操作,那么您接下来要做的最好的事情就是使用CSS压缩器(事实上,即使您选择在单独的文件中使用文件,您仍然可以从使用CSS压缩器中受益) 。您可以使用此CSS压缩器从CSS驱动的库或Google搜索中查找替代CSS压缩器。

3。拒绝黑客虽然黑客已经成为许多CSS中可接受的社区,但这并不意味着“CSS攻击”的原则是你应该如下。 这种设计的问题意味着您有兴趣找到解决复杂问题的方法。虽然你可能认为一两个黑客现在不会伤害任何人,但是如果你遇到任何问题而陷入“黑客”的心态,会对你的整体设计思维产生负面影响。避免黑客攻击是一块,专家们会分配一些时间建议。你可以一直走到2003年,看看Paul Koch(他是一位成功的开发者和作家)。有一段时间的CSS Hacks启示警告设计师:“复杂的怪物,正好在现代Web开发中心今天,它不是一个无限嵌套的表,而是一个无限复杂的CSS hack。”

4。不要滥用div,因为div元素提供了高度的灵活性,并且很容易过度使用它们。实际上,这个问题已经变得如此普遍,以至于CSS设计者社区已经建立了自己的术语来标记这个问题:divitus。为了避免陷入这种情况,在自动使用div标签之前,您应该问自己是否有可以为您完成工作的实际HTML标记。例如,为什么不使用已经可用的HTML标题标签,例如H1和H2,而不是创建多个标头div?一旦你开始考虑这个问题,你很快就会看到使用适当的HTML标签而不是自动创建新部门的好处,这不仅减少了你必须创建的代码量(这将节省你的时间,同时减少你的负载网站的时间),但它也将为您的代码提供更合理的结构。

5。的想法放进你的类的名称如果你问一个新的或没有经验的设计师,他们如何决定叫他们的课程,他们可能会说,这真的不重要。 虽然这在技术上是正确的,这是命名CSS类非常短视的观点。 虽然有设计师落入谁不关心CSS类名的类,也有设计师认为他们的类的名字,但他们却采取了错误的方法。因为我不想只是打你的头与理论的例子,让我具体解释一下。 假设你正在创建一个类来控制一个箱子在你的页面上。 盒子将位于页面底部,它将包含从读者的意见和你会使用CSS来给它一个棕色的背景和控制填充。 而命名的。谭盒(这是许多好心的设计师会这么做),它的名字。评论框。 原因。评论框是一个更好的类名称比。 谭盒是因为如果你决定改变背景颜色为蓝色的道路(或决定把箱子从页面底部的一个不同的领域),它不会使你困惑或是查看网站的CSS其他设计师。

6。拥抱速记而速记可以迷惑的设计师谁是刚刚开始自己写的CSS代码,一旦你习惯了风格的简写,它成为一个最有效的办法可以作为一个设计师。有使用速记的多重效益。 一、降低你的文件的大小,这将减少你的网站的加载时间。 此外,它不仅使我们更容易组织你的代码,但也使它更简单,如果将来您需要对代码进行更改。 作为你开始适应速记,你也应该去写你的代码在一行的实践(而不是传播出去,声明在多线)。

7。别忘了打印机作为一个设计师,你更倾向于技术的非主流人群的任何人。 因为你是一个少数民族生活的一部分,呼吸技术,有很多你有大多数人从没想过的习惯。 例如,你可能离开你的方式消除尽可能在你的生活中尽

109.jpg

可能多的“文档”。 然而,要记住,大部分的人口仍然打印出来的东西在定期的基础上是很重要的。 当你可能标签项del.icio.us时要保存备查,普通的互联网用户将打印相同页。因为人们还打印出的信息来自互联网,重要的是使用CSS来让你的内容打印。 游客会欣赏所有的工作你已经把创造美丽的布局对于网站他们访问,但当他们决定要打印一页的网站,他们会感谢你甚至当他们意识到他们的打印输出只包含文本,他们希望(并没有惊人的图形看起来伟大在他们的电脑但会浪费大量的墨水从打印机)。 因为CSS使得它很简单,确保内容正确格式化打印出来,没有借口真正的设计师忽略了这一步的设计过程。

8。永远不要停止学习你可能认为这最后的原则听起来是陈词滥调,但它无疑是最重要的整个列表。 如果你致力于成为最好的设计师,你需要确保你一直致力顶尖的CSS设计的原则于扩大你的CSS知识。 幸运的是,这是很容易做到,如果你有愿望将致力于继续你的CSS的教育。 而继续教育是一项艰巨的任务,个人在许多行业,非技术性的,因为互联网实际上是基础的CSS,量的免费资源,你可以学习真的是无止境的。 如果你认为我夸大,只需键入“CSS”到谷歌,你会看到有483000000个结果供您浏览。

除了从网上资源学习(和打印资源如果你喜欢),你可以从其他的CSS设计师学习很多。 无论你分析自己的工作,听听他们给在网上或面对面的情况下跟他们的建议,你可以通过相互作用和潜在的合作与其他设计师谁是致力于在顶尖的CSS设计的原则和生产工作令人惊叹的收获很多的价值。

界面原型设计实例技巧

网页设计师如何克服障碍

纽约时报杂志网页设计

假如看了上文,我觉得各位朋友应当掌握顶级的CSS设计构思的标准了吧,东莞建设网站:早已在上述文章为大伙儿作出了解读,不明白的小伙伴们赶快讨论一下前文吧。

[ 关键字:原则 ]


    <tbody class='vevhB'></tbody>

      <bdo id='vevhB'></bdo><ul id='vevhB'></ul>
        • <legend rel='vevhB'><style rel='vevhB'><dir rel='vevhB'><q rel='vevhB'></q></dir></style></legend>
        • <tfoot class='vevhB'></tfoot>

          • <i rel='vevhB'><tr rel='vevhB'><dt rel='vevhB'><q rel='vevhB'><span rel='vevhB'><b rel='vevhB'><form rel='vevhB'><ins rel='vevhB'></ins><ul rel='vevhB'></ul><sub id='vevhB'></sub></form><legend id='vevhB'></legend><bdo id='vevhB'><pre id='vevhB'><center id='vevhB'></center></pre></bdo></b><th id='vevhB'></th></span></q></dt></tr></i><div id='vevhB'><tfoot id='vevhB'></tfoot><dl id='vevhB'><fieldset id='vevhB'></fieldset></dl></div>
          • <small class='vevhB'></small><noframes class='vevhB'>

          • 相关阅读:
            • 东莞建设网站:讲解滞留在关键点思维脑图的客户每日任务 [2019-09-30] 保持详细信息?思维导图的用户任务接下来我们 东莞建设网站: 解疑滞留在关键点思维脑图的客户每日任务,不会的来了解下。 滞留在关键点思维脑图的客户每日任务: 团队中出色的...
            • 制作网站东莞公司分析社会发展灵活就业人员的生活指南 [2019-09-30] 社会自由职业者生活指南接下来我们 制作网站东莞公司 表述社会发展灵活就业人员的生活指南,不了解的来了解一下吧。 社会发展灵活就业人员的生活指南: 在工作中,我们听到很多...
            • 表述视觉传达设计招聘面试的关键手册 [2019-09-30] 视觉设计访谈的重要指南接下来我们 叙说视觉传达设计招聘面试的关键手册,不会的来了解一下呀。 视觉传达设计招聘面试的关键手册: 最重要的视觉设计师是跨学科专家;他们的专长...
            • 东莞建设网站:讲解顶级的CSS设计构思的标准 [2019-09-30] 顶级CSS设计原则CSS可以成为设计师非常强大的标记语言。但是,CSS是生成由设计者创建的代码的原则。虽然你可能认为任何人都可以编写CSS,但编写CSS和生成优秀CSS之间存在很大差异。...
            • 解读HTML5和原生态手机应用程序和复合型的运用 [2019-09-30] HTML5以及原生应用和混合应用是HTML5中提供的许多功能。访问某些传感器可以实现点击呼叫功能甚至其他功能,例如设备的摄像头API。但是,一些Web应用程序和网站利用了这些可能性。移...

            在线QQ咨询