网站设计

结合设计经验与营销实践,提供有价值的企业营销资讯

首页 > 新闻资讯 > 网站设计

TopCSS设计原则

2022/2/14 5:33:58 来源:深圳网站建设

  顶级CSS设计原则CSS可以成为设计师非常强大的标记语言。然而,CSS也是由设计者创建的产生代码的原则。虽然你可能认为任何人都能写CSS,但写CSS和生产一流CSS有很大区别。为了确保你在正确的轨道上,这里有八个CSS原则,每个网页设计师都应该遵循。

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

  2.文件(不在代码中)无论您是在处理单个项目还是设计团队,创建工作文件都很重要。你可以看到为什么这在设计团队中是重要的,但是你可能想知道如果你在一个单独的项目中工作,为什么会是重要的。好吧,你的个人项目**终有可能演变成一个集体项目,如果真的发生了这种情况,那么手头上有文档要比回去创建文档容易得多。然而,即使您的项目仍然是一对一的性能,当您决定重新检查一个项目而不是一年一次地查看它时,您也会惊讶地发现文档是多么有用。当涉及到创建CSS代码文档时,大多数设计人员的自然冲动是直接在代码位置/*和*/之间添加代码。喜欢这份清单有很多原则。这种方法没有错。但是,直接向CSS代码中添加注释将增加文件的大小,从而增加加载时间并降低网站的总体性能。如果你真的想写顶级CSS代码,你应该把你的代码记录在一个单独的文件中。虽然我真的相信在一个单独的文件中它更有效,但我知道有很多人不同意文件中的这种方法。如果拒绝单个文件中的文件,下一个**好的方法就是使用CSS压缩器(事实上,即使选择在单个文件中使用文件,使用CSS压缩器仍然可以从中受益)。您可以使用此CSS压缩器从CSS或谷歌驱动的库中搜索备用CSS压缩器。

  3.拒绝黑客,尽管黑客已成为许多CSS中可接受的社区,但这并不意味着ldquoCSS攻击“2”;其中一个原则是你应该遵循。这种设计意味着您正在寻找解决复杂问题的方法。尽管你可能认为一两个黑客现在不会伤害任何人,但进入心态ldquo;黑客通行证ldquo;您遇到的任何问题都会对您的总体设计思维产生负面影响。避免黑客攻击是专家们被分配了一些时间的建议。你可以一路走到2003年,看到保罗科赫(他是一个成功的开发者和作者)已经启发了设计师一段时间CSS Hacksldquo;复杂的怪物在现代Web开发中心中。今天,它并不表示无限嵌套表,而是表示无限复杂CSShackquo;。

  4.不要滥用div,因为div元素具有很高的灵活性,很容易被过度使用。事实上,这个问题已经变得如此普遍,CSS设计师团体已经建立了自己的术语来标记这个问题:divitus。避免陷入这种情况,在自动使用div标记之前,你应该问问自己,如果你有一个真正的HTML标记,你会做这项工作。例如,与其创建多个headerdiv,不如使用已有的HTML标题标记,例如H1和H2 一旦你开始考虑这个问题,你很快就会看到使用适当的HTML标签而不是自动创建一个新部门的好处,不仅减少了代码的数量,而且你必须创建(这将节省你的时间,减少你的网站加载时间),而且它也给你的代码一个更合理的结构。

  5.如果你问一个新的或没有经验的设计师他们决定如何命名他们的课程,他们可能会说,这真的不重要。虽然这在技术上是正确的,但这是一个非常短视的观点命名CSS类。虽然有些设计人员属于不关心CSS类名的类,有些设计人员认为自己的类名,但他们采取了错误的方法。因为我不想只是打你的头和理论的例子,让我详细解释一下。假设您正在创建一个类来控制页面上的一个框。该框将在页面的底部,它将包含一个棕色的背景和读者评论的控件填充,您将使用CSS。并命名为谭盒(这是许多很好设计师将要做的),它的名字。注释框。原因。注释框是一个比谭盒更好的类名,因为如果您决定将背景颜色更改为Blue Road(或者决定从页面底部的不同区域放置注释框),它不会混淆您或查看网站其他设计器CSS。

  6.拥抱速记和速记会让刚开始编写自己CSS代码的设计师感到困惑,一旦你习惯了风格速记,它就成为成为一名设计师**有效的方式。速记有很多好处。1、 减小文件的大小,这将减少文件的加载时间网站。此外,它不仅使我们更容易组织您的代码,而且还使您在将来需要更改代码时更容易。当您开始适应速记时,您还应该在一行练习中编写代码(而不是分散在多行上声明)。

  7.别忘了,作为一名设计师,你更倾向于为非主流的任何人提供技术。因为你是少数民族生活的一部分,呼吸技术,有很多习惯,大多数人从来没有想过。例如,你可以离开你的方式,以消除尽可能多的在你的生活ldquo;“文件”或“文件”;。但是,请记住,大多数人仍然定期打印重要的内容。当您可以标记项目del.icio.us时,您应该保存它以供参考,普通互联网用户将打印同一页。因为人们也会从互联网上打印信息,所以使用CSS打印内容很重要。访问者会欣赏你为他们所访问的网站创建漂亮布局所做的所有工作,但是当他们决定打印一页网站时,他们会感谢你,即使他们意识到他们的打印输出只包含文本,他们希望(没有令人吃惊的图形在他们的计算机中看起来很棒,但会浪费打印机的大量墨水)。因为CSS使得确保内容正确格式化和打印变得简单,所以没有理由说真正的设计师忽略了这一步的设计过程。

  8.永远不要停止学习你认为的**终原则听起来很老套,但它无疑是**重要的一整张清单。如果你致力于成为**好的设计师,你需要确保你一直致力于扩展你的CSS知识。幸运的是,这很容易做到,如果你有继续你的CSS教育的愿望。继续教育是一项艰巨的任务。个人在很多行业,非技术性的,因为互联网实际上是基础CSS,免费资源的数量,你可以学习真的没完没了。如果你认为我夸张了,只需输入ldquoCSSrdquo;到谷歌,您将看到48300000个结果供您浏览。

  除了从网上资源(和印刷资源,如果你喜欢)学习,你可以从其他CSS设计师学到很多。无论你在网上还是面对面地分析你的作品并听取他们的建议,你都可以与其他致力于顶级设计原则CSS和惊人的生产价值的设计师进行互动和潜在的合作。

  谢泼德设计文章推荐:

  ps图像处理软件功能

  界面原型设计实例技巧

  网页设计师如何克服障碍

  纽约时报杂志网页设计

http://www.ytdns.net/wangzhansheji/552.html TopCSS设计原则

特别声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:0755-85297058;邮箱:2295772445#qq.com (#替换成@)。

标签:

QQ咨询
微信咨询
微信咨询
电话咨询
周一至周五 9:00-18:00
135-1055-3738
回顶部