-CSS的十八般技巧

　　最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很好的把持CSS，影响CSS的效率施展。我来分析总结一下错误所在，帮助大家更加轻易应用CSS。本文总结了我开端应用CSS布局方法以来所有的技巧和兼容计划，我
　　最近,经常有朋友问我一些工作中碰到的CSS标题。他们总是不能很好的把持CSS，影响CSS的效率施展。我来分析总结一下错误所在，帮助大家更加轻易应用CSS。

　　本文总结了我开端应用CSS布局方法以来所有的技巧和兼容计划，我愿意把这些与你分享，我会重点说明一些新手轻易犯的错误(包含我自己也犯过的)，假如你已经是CSS高手，这些经验技巧可能已经都知道，假如你有更多的，盼看可以帮我补充。

　　一.应用css缩写
　　应用缩写可以帮助减少你CSS文件的大小，更加轻易浏览。css缩写的重要规矩请参看《Link Specificity》。
　　假如你的用户需要用键盘来把持，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的后果也取决与你书写的地位，假如你盼看聚焦元素显示:hover后果，你就把:focus写在:hover前面;假如你盼看聚焦后果调换:hover后果，你就把:focus放在:hover后面。

　　十三.清除浮动
　　一个非经常见的CSS标题，定位应用浮动的时候，下面的层被浮动的层所笼罩，或者层里嵌套的子层超出了外层的范畴。
　　通常的解决措施是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个措施有一点牵强，荣幸的是还有一个好措施可以解决，参看这篇文章《Simple Clearing of Floats》，又在《Clearance》和《Super *** clearing floats》中被广泛讨论。

　　上面那一种clear方法更合适你，要看具体的情况，这里不再展开论述。另外关于float的利用，一些优良的文章已经说得很明白，推荐你浏览：《Floatutorial》、《Containing Floats》和《centricle’s css filter chart》

　　十六.针对IE的优化
　　有些时候，你需要对IE浏览器的bug定义一些特别的规矩，这里有太多的CSS技巧(hacks)，我只应用其中的两种方法，不管微软在即将宣布的IE7 beta版里是否更好的支撑CSS，这两种方法都是最安全的。石家庄网站建设

　　1.注释的方法 (a)在IE中暗躲一个CSS定义，你可以应用子选择器(child selector):
　　html>body p {
　　/* 定义内容 */
　　} (b)下面这个写法只有IE浏览器可以懂得(对其他浏览器都暗躲)
　　* html p {
　　/* declarations */
　　} (c)还有些时候，你盼看IE/Win有效而IE/Mac暗躲，你可以应用"反斜线"技巧：
　　/* \*/
　　* html p {
　　declarations
　　}
　　/* */ 2.条件注释(conditional comments)的方法
　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样：



　　十七.调试技巧：层有多大?
　　当调试CSS产生错误，你就要象排版工人，逐行分析CSS代码。我通常在出标题的层上定义一个背景色彩，这样就能很明显看到层盘踞多大空间。有些人建议用border，一般情况也是可以的，但标题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会损坏纵向margin的值，所以应用background更加安全些。

　　另外一个经常出标题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者地位。只有少数浏览器支撑outline属性，我所知道的只有Safari、OmniWeb、和Opera。石家庄网站建设

　　十八.CSS代码书写样式
　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式：
　　selector1,
　　selector2 {
　　property:value;
　　}
　　当应用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

　　我习惯在每个属性值后面都加分号，固然规矩上答应最后一个属性值后面可以不写分号，但是假如你要加新样式时轻易忘记补上分号而产生错误，所以还是都加比拟好。

　　最后，封闭的大括号}单独写一行。
　　空格和换行有助与浏览。