浏览器专属CSS开发
转发下，同事总结的。
浏览器大战的结果曾经一度是IE一统天下，在那个时代，我们根本不用担心浏览器兼容性问题，用PS自动生成代码都行。然而伴随时代发展，人们对WEB应用的期望越来越高，于是乎，江湖烽烟再起，各种浏览器如雨后春笋，这可苦了我们这些开发者，为了让各浏览器表现一致，不知道有多少前辈耗费了多少心血，现在，让我们踩在前辈的肩膀上继续去奋斗吧。
日常工作我们经常需要区分Firefox和IE系列浏览器，这里有一个使用的快速方法：
background:blue;
/* Firefox */
background:red \9; /* IE8（只有IE系列浏览器认识\9）
*/
*background:black; /* IE7（IE6/IE7认识星星）*/
_background:orange; /* IE6
（IE6认识下划线） */
测试地址：
http://webtech.intra.sina.com.cn/?page_id=39
如果想更深入的研究，那么这里有更多的例子：
/* Opera */
html:first-child #opera
{
display: block;
}
/* IE 7 */
html > body #ie7
{
*display: block;
}
/* IE 6 */
body #ie6
{
_display: block;
}
/* Firefox 1 - 2 */
body:empty #firefox12
{
display: block;
}
/* Firefox */
@-moz-document url-prefix()
{
#firefox { display: block; }
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safari { display: block; }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #opera { display: block; }
}
以上都是前辈实践摸索出来的hack方式，用以区分不同浏览器，不过呢，当今世界的浏览器主要分为四大内核：
渲染引擎
浏览器
Trident
Internet Explorer
Gecko
Mozilla Firefox
WebKit
Safari、google Chrome
Presto
Opera
官方的文档都有说明，可以使用前缀
来实现各引擎的私有属性：
-o-:以Presto为渲染引擎的浏览Opera的私有属性、
-moz-:以Gecko为渲染引擎的浏览器Mozilla Firefox的私有属性
-webkit-:以Webkit为渲染引擎的浏览器Safari、Google Chrome的私有属性
IE8开始引入-ms-前缀用以区分私有属性的方式，详见：
https://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
另外IE还可以通过条件注释来加以区分，详见：
http://www.quirksmode.org/css/condcom.html
http://msdn.microsoft.com/en-u
相关文档：
CSS命名规范
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guil ......
一、用JQuery的Ajax加载XML并解析的注意事项
1、Content-Type
很多时候无法解析就是Content-Type的问题。如果本身就是XML文件，请跳过这一步。
动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本。 常见语言的Content-Type设置：
......
从今天开始，CSS设计教程和大家见面了。每天一节，有学习的同学请每天关注我们网站。
例1－1 背景图片
第一个例子展示了对background属性的运用，本例子把background属性与一个div元素相结合。div的大小为250pxX76px，所以它会显示出一个完整的背景图片。
以下是本实例的详细程序，调试在Microsoft Visual Studio 2010版 ......
方法一：
跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，
甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS
Hack技术有很多，具体可以查看：
� ......
今天开始做我们公司内部使用的ITSM系统的静态页面，这个页面好复杂，当然，我是一个才开始做页面的家伙，所以对我来说还有一定的难度。侧栏要折叠，菜单要Js控制，我本来以前是搞编程的，都是直接用人家的页面，css和js都只是会一点皮毛，现在伤到我的心了。
今天还有一个不幸的消息，我竟然挂了一科，大学4年的清白生活啊 ......
