CSS设计网页时的一些常用规范
日期:2008年6月6日 作者: 查看:[大字体 中字体 小字体]-
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
根据上述表达,同一类/ID下的CSS hack可写为:
.searchInput {
background-color:#333;/*三者皆可*/
*background-color:#666 !important; /*仅IE7*/
*background-color:#999; /*仅IE6及IE6以下*/
}
一般三者的书写顺序为:FF、IE7、IE6.写法二:
IE6可识别“_”,而IE7及FF皆不能识别,所以当只针对IE6与IE7及FF之间的区别时,可这样书写:
.searchInput {
background-color:#333;/*通用*/
_background-color:#666;/*仅IE6可识别*/
}写法三:
*+html 与 *html 是IE特有的标签, Firefox 暂不支持。
.searchInput {background-color:#333;}
*html .searchInput {background-color:#666;}/*仅IE6*/
*+html .searchInput {background-color:#555;}/*仅IE7*/屏蔽IE浏览器:
select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/IE6可识别:
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。
select { display /*IE6不识别*/:none;}
IE的if条件hack写法:
所有的IE可识别:
<!–[if IE]> Only IE <![end if]–>
只有IE5.0可以识别:
<!–[if IE 5.0]> Only IE 5.0 <![end if]–>
IE5.0包换IE5.5都可以识别:
<!–[if gt IE 5.0]> Only IE 5.0+ <![end if]–>
仅IE6可识别:
<!–[if lt IE 6]> Only IE 6- <![end if]–>
IE6以及IE6以下的IE5.x都可识别:
<!–[if gte IE 6]> Only IE 6/+ <![end if]–>
仅IE7可识别:
<!–[if lte IE 7]> Only IE 7/- <![end if]–>2、清除浮动:
在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题。
select:after {
content:”.”;
display:block;
height:0;
clear:both; - 上一页 [1] [2] [3] [4] [5] [6] 下一页
-
- CSS设计网页时的一些常用规范 相关文章:
- ·15种做爱姿势真人示范写真(图)
- ·入党申请书范例九
- ·大学毕业生自荐信(范文)
- ·计算机实习报告范文
- ·大学生暑期农村教育实践报告范文
- ·大学生农村暑期社会实践报告范文
- ·简历模板【范文】:(21)网络维护工程师
- ·浙江大学生暑期社会实践报告范文
- ·2006入党申请书范文
- ·入党志愿书范文2004
- CSS设计网页时的一些常用规范 相关软件
- ·五子棋规范教程
- ·软件开发规范及开发计划书
- ·vc++编程技巧与范例
- ·网页中的特效(示范样书)
- ·电眼美女范冰冰性感写真美图
- ·半条命 高动态范围渲染效果演示介绍
- ·极品美女范冰冰性感时尚写真美图
- ·2精讲课程审计_范永亮03
- ·百变精灵范冰冰写真壁纸
- ·防范黑客
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:Flash动画也能作桌面背景
精品推荐
热点TOP10
- ·HTML网页通过XHTML验证需要注意的6点
- ·一款DIV+CSS导航条效果
- ·Div+CSS基础教程(二)
- ·设计一个基于CSS的网页模板
- ·CSS+DIV+JS导航菜单和Flash效果差不多
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·Javascript+CSS横向三级导航菜单
- ·站长推荐:53个CSS-不可或缺的技巧
- ·CSS实例:css弹出层+屏蔽背景页面(firefox测试通过)
- ·网页设计基础:Div+CSS布局入门教程
- ·如何用CSS定义表格与模拟表格
- ·Div+CSS+JS树型菜单,可刷新
- ·如何使用CSS来进行网页排版
- ·DW MX 2004 CSS 属性详解
- ·CSS中的滑动门技术
- ·用网页标准DIV+CSS创建固定宽度的网页布局
- ·使用纯 CSS 设计3D按钮
- ·DIV CSS布局网页实例:简单表单form标准化实例
- ·CSS中expression使用简介
- ·鼠标悬停显示标题等效果 JS+CSS
特别推荐
- ·CSS网页布局的几个要点
- ·CSS实例:实现的可包含html的title提示
- ·CSS3属性选择符详解
- ·高效的学习css的技巧
- ·表格边框CSS语法全解
- ·CSS设计技巧详解
- ·网站DIV+CSS常见错误
- ·中小网站需要DIV+CSS技术么?
- ·CSS网页布局开发常用技巧
- ·CSS+DIV打造鼠标经过背景变色
- ·提高CSS的网页渲染效率的几点技巧
- ·CSS将成为网页设计师必备知识
- ·CSS教程:关于CSS框架网页设计
- ·CSS教程:初学者实用的十则CSS技巧
- ·CSS设计网页时的一些常用规范
- ·学习掌握纯CSS布局网页
- ·CSS合理的编码与组织技巧
- ·网站变黑白色CSS一行代码实现
- ·DIV+CSS常用的网页布局代码
- ·css网页设计非常有用的解决办法
