成为一流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的提供了
相关文档:
查看原文:http://www.csswang.com/css/110.html
导航结构在网站设计中是起到决定性作用的,导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受,它是网页设计的关键元素。
虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键,但视觉效果也不能影响到网站可用性。最理想的 ......
CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来,且一定要有值
每个标签都要有开始和结束,且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1> ......
一、什么是DIV+CSS?
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模 ......
注明:如果要想要在IE6无限级的话需要写多一些JS,其他游览器都可以使用同段js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equ ......
原文地址:http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
* This post is regularly updated. *
Rounded corners is one of the most popular and frequently requested
CSS techniques even the father of internet Google
also launch the rounded corners style markup
with her Google Ad ......