建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

怎样成为顶尖的CSS设计师

更新时间:2016-12-23整理编辑:建站学习网阅读:0

   1、对Hacks说不

  Hacks是为了让CSS编码在不同浏览器与平台中维持网站正常显示的做法。尽管在社会上Hacks已经成为一个可以接受的做法,这并不意味着 “CSS hacking“是你应该遵守的原则。这种设计方法的问题是,它意味着你为了解决问题而将标准的CSS变得更复杂。虽然你可能认为一个或两个Hacks不 会伤害任何人,但是这种思维可以对您的整体设计思想产生负面影响。

  2、文件

  无论你的项目是一个人单干还是团队协作,很重要的是文件创建工作。如果您是在团队中单人项目,总有机会,你的单人项目将最终演变成一个团队项目,如果发生这种情况,手头上有文件会变得很多,创建好文件归类与名称,写好注释,协作更方便。

  涉及到创建CSS代码的注释文件,大多数设计师的自然将它放入把它直接关系到他们的代码/ *和* /中。技术上来说这种做法没有什么不正确的。然而,注释直接加入到您的CSS代码会增加该文件大小,从而增加加载时间,减缓一个网站的整体性能的大小。如果你想成为顶尖的CSS代码编写员,你应该将注释写在一个单独的文件里。

  3、永不停止学习

  你可能认为这最后的原则听起来陈词滥调,但也可说是8条中最重要。 如果你致力于成为最好的设计师,您需要确保您一直致力于扩大你的CSS知识。幸运的是,如果你愿意,这很容易做到,并继续你的CSS教育。只需键入 “CSS“到谷歌,你会看到有48300.0万结果供您浏览。

  4、W3C验证

  如果你是1个正在写CSS编码的人员,那么建议您每次对您所创建的CSS代码进行验证。 但是,有很多设计师却在这个重要的一步跳过。验证您的代码清理反馈的任何问题,确保它的工作对访问者友好。除了验证你的CSS文件,你也应该验证您的 HTML或XHTML文件。验证这些文件之前,请确保您已经声明了正确的HTML或XHTML的doctype。声明您的doctype似乎是一个简单的 细节,但很多设计师经过很多次验证不通过以后才发现原来是因为他没有声明doctype。

  5、Class类的命名

  如果你问一个新的设计师,他们决定如何命名Class,他们可能会说,这并不重要。虽然从技术上来说,CSS类的命名没有什么严格的要求,但我们必须纠正那些错误的做法。假设您要创建一个类来控制网页上的某部分。

  6、不滥用div

  由于div的提供了高度的灵活性,很容易让新人过度使用他们。为了避免过度使用DIV标签,你应该在写HTML代码的时候总是问自己是否有一个实际的HTML标记。一旦你开始考虑到了div的问题,你很快就会使用适当的HTML标记,而不是自动创建一个新DIV。它不仅可以减少代码量,而且还会给你的代码更合理的加载时间。

  7、不要忘记打印机

  作为一个优秀的设计师,你应该更倾向于热爱技术,因为你是少数的一部分,生活和呼吸在技术中。不过,由于人们仍然需要打印出来自互联网的信息,那么您要考虑使CSS内容对打印机友好。您的同行欣赏您所创建的网站,也许他们有兴趣想了解您的布局,也许他们打算将您的CSS打印出来参考,所以作为好的设 计师请不要忽视打印机。

  8、使用简写

  一旦你习惯简写方式,它也是您成为一个好的设计师最有效的做法之一。使用多种简写方法,尽量减少了您的文件,同时也减小了网站的加载时间。此外,它不仅可以更容易地组织你的代码,而且对于未来修改代码提供了方便。

本文网址:https://www.dedexuexi.com/divcss/jc/1400.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

标签:技巧
收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
cellpadding=0 cellspacing=0的css替代写法
« 上一篇2016年12月23日
CSS网页右下角广告的布局实例
2016年12月23日下一篇 »
  • DIV CSS如何给文字字体添加下划线?
    0阅读
    在css中可以使用text-decoration属性或border-bottom属性来给文字添加下划线样式。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。方法1:使用text-decoration属性设置css的text-decoration属性用于指定添加到文本的修饰,其underline属...
  • 纯CSS3实现带动画效果导航菜单无需js
    0阅读
    随着互联网的发展,网页能表现的东西越来越多。由最开始单纯的文字和链接构成的网页,到后来的表格布局,再到div+css模式,现在发展到了 html+css3。网页能表达的东西越来越多,css3兴起已经
  • CSS定义超链接四个状态的正确顺序L-V-H-A
    0阅读
    css定义超链接是要有先后顺序的。否则,在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。 CSS属性的排列顺序: L-V-H-A 。 L-V-H-A是link、visited、hover、active的简写
  • 在ie7下css居中样式text-align:center;偏左问题解决方法
    0阅读
    css样式text-align:center;在ie7下偏左问题,想必有很多朋友的遇到过吧,下面有个不错的方法,大家可以参考下,希望对大家有所帮助 复制代码 代码如下: body { text-align:center; } 用ie7打开是居左的。
  • 对div盒子模型使用心得总结
    0阅读
    相信每一个从事web开发的人对盒子模型都有一个特殊的理解吧,本文也有一个理解并附有示例代码,喜欢的朋友可以参考下 盒子模型的计算 外边距(margin)+边框(border)+内边距(padding)+内容(content
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录