成为一流CSS设计师的8大技巧
CSS是一个非常强大的网站设计标记语言。
虽然你可能会认为,任何人都可以转去写CSS代码,但是为了确保您在正确的轨道上,这里有如下8项
CSS原则,每个网页设计师应该遵循。
1、W3C验证
如果你是1个正在写CSS编码的人员,那么建议您每次对您所创建的CSS代码进行验证。但是,有很多设
计师却在这个重要的一步跳过。验证您的代码清理反馈的任何问题,确保它的工作对访问者友好。除了验证
你的CSS文件,你也应该验证您的HTML或XHTML文件。验证这些文件之前,请确保您已经声明了正确的HTML或
XHTML的doctype。声明您的doctype似乎是一个简单的细节,但很多设计师经过很多次验证不通过以后才发
现原来是因为他没有声明doctype。
2、文件
无论你的项目是一个人单干还是团队协作,很重要的是文件创建工作。如果您是在团队中单人项目,总
有机会,你的单人项目将最终演变成一个团队项目,如果发生这种情况,手头上有文件会变得很多,创建好
文件归类与名称,写好注释,协作更方便。即使在如果你是个人单干的项目,当您在创意或使用上突然想用
到某些文件,您却不知道放在哪去了?当您想找到某段代码,却发现因为没有注释变得非常难?
涉及到创建CSS代码的注释文件,大多数设计师的自然将它放入把它直接关系到他们的代码/*和*/中。
技术上来说这种做法没有什么不正确的。然而,注释直接加入到您的CSS代码会增加该文件大小,从而增加
加载时间,减缓一个网站的整体性能的大小。如果你想成为顶尖的CSS代码编写员,你应该将注释写在一个
单独的文件里。
虽然我知道这做法很有效,但是还是有很多人不同意这种做法。如果你拒绝将注释写在一个单独的文件
中,退而求其次,您可以使用CSS压缩机(事实上,即使您将注释写在一个单独的文件中,你仍然可以使用
这个CSS压缩机)。当然您也可以从谷歌搜索更好的CSS压缩机。
3、对Hacks说不
Hacks是为了让CSS编码在不同浏览器与平台中维持网站正常显示的做法。尽管在社会上Hacks已经成为
一个可以接受的做法,这并不意味着“CSShacking”是你应该遵守的原则。这种设计方法的问题是,它意味
着你为了解决问题而将标准的CSS变得更复杂。虽然你可能认为一个或两个Hacks不会伤害任何人,但是这种
思维可以对您的整体设计思想产生负面影响。
4、不滥用的div
由于div的提供了
相关文档:
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中,margi ......
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
设置padding 他所占据的空白地方是在边框里面
而且在IE6 一下的版本中 存在这padding 计算错误的BUG
CSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位 ......
本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键.
注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......