易截截图软件、单文件、免安装、纯绿色、仅160KB

成为一流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制作网站导航菜单优势

查看原文:http://www.csswang.com/css/110.html
导航结构在网站设计中是起到决定性作用的,导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受,它是网页设计的关键元素。
  虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键,但视觉效果也不能影响到网站可用性。最理想的 ......

页面元素居中 css获取页面中心位置

css获取页面中心位置
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......

网页布局中如何进行CSS布局调试


  网页设计中CSS布局是很重要的部分,下面介绍几种检查调试CSS布局的有效方法。
  1.检查HTML元素是否有拼写错误、是否忘记结束标记
  即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
  2.检查CSS是否书写正确
  检查一下有无拼写错误、是否忘记结尾的}等。可以利用 ......

CSS 绝对定位学习

<!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 ......

15个你必须知道的CSS常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。
3 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号