| 
CSS命名规范
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content (全文…)
标签：css
一月 28th, 2010 Posted at 前端设计
一月 16th, 2010 Posted at 前端设计
对于像我这样的新手来说，编写代码中会感觉很乱，一直纠缠在html和css代码中，新手往往会被这些困难吓倒，或者不好意思向高手请教对于他们来说这么简单的问题，今天我就说下我的感想。
html和css一起写，才是新手应该做的，也是必须做的。
1、先要把站点建好，目录建好，比如我们建好文件夹CSS,IMAGES,这两个是最其本的，然后新建一个HTML文件，一个style.css一个空 的样式表，把HTML页连接到这个外部样式表。
2、然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些 布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。
3、写好这些后，这时你可以到样式表中写样式，或者你在接着写布局里的部分，我们拿头部为例，在头部写入LOGO部分，NAV部分也同样加入ID或CLASS。其它同理。
一月 7th, 2010 Posted at 前端设计
什么是前端开发工程师？一直都没有一个明确而又权威的定义，最近在查看一些大虾博客时候发现了一项最为贴切的定义：
1：与交互设计师、视觉设计师协作，根据设计图完成页面制作。|
2：维护及优化网站前端性能。同时他还定义了高级前端开发工程师：
1. 使用JavaScript|ActionScript编写封装良好的前端交互组件。
2. 对Web项目的前端实现方案提供专业指导及监督。
3. 对新人及相关开发人员进行前端技能培训。
4. 设计并实施全网前端优化。
可要说到技能要求，估计还不知这些：用户体验、SEO、PS······
不过最为基本的，DIV+CSS+JS/AS应该是最为拿手的了。前面的路还很长啊······
一月 6th, 2010 Posted at 前端设计
对于新手，css中id和class的使用总是让人很头疼。当任何一件事存在不同选择时，人们往往就会陷入深思之中—-哪一个选择适合或者会更好？
归总起来一句话：id是唯一的并且是父级的，class是可以重复的并且是子级的。
id的使用原则
id具有唯一性，其使用原则也是依据这一特性建立的。id是不能重复的，所以在XHTML的结构中，大结构一定是用id。比如标志、导 航、主体内容、版权。这些根据制定的规范命为#logo , #nav , #content , #copyright 等等，本着其唯一性的原则园 子建议定义id尽量在外围使用。
class的使用原则
class在CSS的定义中具有普遍性；就是class具有可重复无限制的使用多次，尽量在结构内部使用。这样做的好处是有利于 网站代码的后期维护与修改，这样的做法就会让所有的class都成为id的子级或是孙级。在我们写CSS的时候可以写成这 样 #father .child {…}，另外需要注意的是尽量不要让class包含id，比如.father #child {…}如果写成这样 很显然就非常不可取。
一月 6th, 2010 Posted at 前端设计
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如 IE6能识别下划线”_”和星号” * “，IE7能识别星号” * “，但不能识别下划线”_”，而firefox两个都不能认识。等等
书写顺序，一般是将识别能力强的浏览器的CSS写在后面。
CSS hack:区分IE6，IE7，firefox
区别不同浏览器，CSS hack写法：
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green;_background:blue;
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，某些情况下不能识别 !important,