http://www.knowsky.com/article.asp?typeid=38 CSS教程 rss zh-cn Copyright 2000-2009 www.knowsky.com http://www.knowsky.com/536755.htmlwww.knowsky.comCSS教程2009-07-03 <p><a href="http://feedads.g.doubleclick.net/~a/xw5roFzVbaYJoQ-i_ZITLoFzjZ8/0/da"><img src="http://feedads.g.doubleclick.net/~a/xw5roFzVbaYJoQ-i_ZITLoFzjZ8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/xw5roFzVbaYJoQ-i_ZITLoFzjZ8/1/da"><img src="http://feedads.g.doubleclick.net/~a/xw5roFzVbaYJoQ-i_ZITLoFzjZ8/1/di" border="0" ismap="true"></img></a></p>因为垂直居中的主要问题出在IE系列上，因此用到了IE的条件注释、IE8的兼容视图，还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题，IE5.5，IE6，IE7，IE8，Fi.....<a href='http://www.knowsky.com/536755.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536676.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/nThJP74oCBwcXBPQiyFMNZkOyS8/0/da"><img src="http://feedads.g.doubleclick.net/~a/nThJP74oCBwcXBPQiyFMNZkOyS8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/nThJP74oCBwcXBPQiyFMNZkOyS8/1/da"><img src="http://feedads.g.doubleclick.net/~a/nThJP74oCBwcXBPQiyFMNZkOyS8/1/di" border="0" ismap="true"></img></a></p>DIV＋CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV＋CSS网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV+CSS设计的网页，就应该更注意IE6.....<a href='http://www.knowsky.com/536676.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536675.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/90vG7Jz-Cw5ZqQHNJlREDDLM6VU/0/da"><img src="http://feedads.g.doubleclick.net/~a/90vG7Jz-Cw5ZqQHNJlREDDLM6VU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/90vG7Jz-Cw5ZqQHNJlREDDLM6VU/1/da"><img src="http://feedads.g.doubleclick.net/~a/90vG7Jz-Cw5ZqQHNJlREDDLM6VU/1/di" border="0" ismap="true"></img></a></p>微软在IE8提供三种解析页面的模式　　IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定　　IE7 Standards Modes ：IE7现在用的解析网页的模式，开.....<a href='http://www.knowsky.com/536675.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536674.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/zntSk7WnJcwHeXfFMtpFmiomV9c/0/da"><img src="http://feedads.g.doubleclick.net/~a/zntSk7WnJcwHeXfFMtpFmiomV9c/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/zntSk7WnJcwHeXfFMtpFmiomV9c/1/da"><img src="http://feedads.g.doubleclick.net/~a/zntSk7WnJcwHeXfFMtpFmiomV9c/1/di" border="0" ismap="true"></img></a></p>一、CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写.....<a href='http://www.knowsky.com/536674.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536673.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/i8O0wE7oV4DAxfHNROphYsI3vlQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/i8O0wE7oV4DAxfHNROphYsI3vlQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/i8O0wE7oV4DAxfHNROphYsI3vlQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/i8O0wE7oV4DAxfHNROphYsI3vlQ/1/di" border="0" ismap="true"></img></a></p>很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。 具体写法很容易： #some.....<a href='http://www.knowsky.com/536673.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536672.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/liy8jlmrsuykiIODeWCX9oXvFOY/0/da"><img src="http://feedads.g.doubleclick.net/~a/liy8jlmrsuykiIODeWCX9oXvFOY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/liy8jlmrsuykiIODeWCX9oXvFOY/1/da"><img src="http://feedads.g.doubleclick.net/~a/liy8jlmrsuykiIODeWCX9oXvFOY/1/di" border="0" ismap="true"></img></a></p>区别IE6与FF： &nbsp; &nbsp; &nbsp; &nbsp;background:orange;*background:blue; 区别IE6与IE7： &nbsp; &nbsp.....<a href='http://www.knowsky.com/536672.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536671.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/VcWpmDQrcUpgWv8EGYT5RK3F4r4/0/da"><img src="http://feedads.g.doubleclick.net/~a/VcWpmDQrcUpgWv8EGYT5RK3F4r4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/VcWpmDQrcUpgWv8EGYT5RK3F4r4/1/da"><img src="http://feedads.g.doubleclick.net/~a/VcWpmDQrcUpgWv8EGYT5RK3F4r4/1/di" border="0" ismap="true"></img></a></p>本人专业是做UI的，写CSS已经有好几年了，目前刚刚在博客发布关于CSS的文章，欢迎有问题的朋友在有问必答论坛提问，我一定尽力解答。 1 针对firefox ie6 ie7的css样式 现在大部.....<a href='http://www.knowsky.com/536671.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536670.htmlwww.knowsky.comCSS教程2009-06-30 <p><a href="http://feedads.g.doubleclick.net/~a/3eAq1mVCY35gxS30tTplaEab-DU/0/da"><img src="http://feedads.g.doubleclick.net/~a/3eAq1mVCY35gxS30tTplaEab-DU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/3eAq1mVCY35gxS30tTplaEab-DU/1/da"><img src="http://feedads.g.doubleclick.net/~a/3eAq1mVCY35gxS30tTplaEab-DU/1/di" border="0" ismap="true"></img></a></p>DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性 在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CS.....<a href='http://www.knowsky.com/536670.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536630.htmlwww.knowsky.comCSS教程2009-06-29 <p><a href="http://feedads.g.doubleclick.net/~a/8X5QbHKxRg5udI51Q2hDVv63TwU/0/da"><img src="http://feedads.g.doubleclick.net/~a/8X5QbHKxRg5udI51Q2hDVv63TwU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/8X5QbHKxRg5udI51Q2hDVv63TwU/1/da"><img src="http://feedads.g.doubleclick.net/~a/8X5QbHKxRg5udI51Q2hDVv63TwU/1/di" border="0" ismap="true"></img></a></p>纯css控制 ,没用javascript. 值得学习. &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt.....<a href='http://www.knowsky.com/536630.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>http://www.knowsky.com/536629.htmlwww.knowsky.comCSS教程2009-06-29 <p><a href="http://feedads.g.doubleclick.net/~a/QBZOw5HBjITeYa43liXLPCESICY/0/da"><img src="http://feedads.g.doubleclick.net/~a/QBZOw5HBjITeYa43liXLPCESICY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/QBZOw5HBjITeYa43liXLPCESICY/1/da"><img src="http://feedads.g.doubleclick.net/~a/QBZOw5HBjITeYa43liXLPCESICY/1/di" border="0" ismap="true"></img></a></p>&lt;SCRIPT LANGUAGE="JavaScript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js.....<a href='http://www.knowsky.com/536629.html'>点击浏览详细内容</a><br/><br/>-------------------------------------<br/>导航:<a href='http://www.knowsky.com/developer.asp' target='_blank'>编程</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/zhanzhang.asp' target='_blank'>站长</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/web.asp' target='_blank'>网页</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/photo.asp' target='_blank'>图形</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/system.asp' target='_blank'>系统</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/internet.asp' target='_blank'>冲浪</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/qq.asp' target='_blank'>QQ</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/soft.asp' target='_blank'>软件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/office.asp' target='_blank'>办公</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/shoujixueyuan.asp' target='_blank'>手机</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/mailserver.asp' target='_blank'>邮件</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/networksecurity.asp' target='_blank'>安全</a>&nbsp;&nbsp;<a href='http://www.knowsky.com/exam.asp' target='_blank'>认证</a>