天下·网吧联盟
登录 申请网盟通行证 忘记密码 逛逛论坛
当前位置:首页 >> 技术纵横 >> 玩酷网页 >> 网页设计师必备CSS小贴士
网页设计师必备CSS小贴士
作者:佚名  2008年03月14日  来源:蓝色理想
收藏本文  打印此页  举报本文  评论  投稿
  1、连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行。解决方法:《css之自动换行》 。连续的标点符号也不会转行,用属性 word-break:break-all; 无法达到效果,可以选用属性 word-wrap: break-word; 来解决!

  2、有序列表的 li 在 IE 中,定了宽后,序号就变为1;定了浮动后,就没有了序号,Firefox 却不同。IE 认为:列表本来就不把序号算在实体内。

  3、根据 CSS1,class 或 id 属性的值不能以数字 (0-9) 开头。更早版本的 Internet Explorer 允许这些值以数字开头。

  4、在用 :after 方式清除浮动时,切记不要在 content:”"; 的引号中加任何字符,包括网上常见方式的点“.”,在opera下会产生问题。

div:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

  5、 opera 不支持 overflow-x 和 overflow-y ,而 IE6,IE7,Firefox,Safari 支持。当使用 overflow-y 来实现某种效果时,要注意 opera 下的表现,折中的方法为先定义 overflow:hidden 属性,在定义overflow-y:auto 或者 overflow-x:auto 属性。当然这仅是折中的方法,必然有他的局限性。

  6、 background-position 属性定义的顺序为水平位置、垂直位置。比如定义 background-position:top left; 虽然顺序颠倒了位置,但所有的浏览器都能识别。因为 top 和 left 为可识别位置属性,但如果换个定义方式 background-position:20px left; 此属性只会在 IE 中正常显示,在其他浏览器中却认为是无效的定义,难得 IE 的“智能”。

  7、对于使用小于已知大小容器的图片垂直居中的方法时,当 diplay:table-cell;vertical-align:middle; 的已知大小容器,放置于 table 中的 td or th 使用是有问题的,此时可以给已知道大小容器加一层div并设置其属性为 display:table;margin:0 auto; 来解决。

声明:本站所发表的文章与图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系邮箱:editor@untx.com。
网友评论
昵称: 验证码: 看不到图片?点击刷新验证码。

* 请各位网友遵纪守法并注意语言文明。 * 已登陆的会员才能发表评论。
*《互联网电子公告服务管理规定》 *《全国人大常委会关于维护互联网安全的规定》

网盟藏经阁

百年奥运 安全先行 百年奥运 安全先行
  作为世界三大竞技比赛的体育项目之一(奥运会、世界杯、F1)─奥运会无疑会成为世界的焦点,今夏即....[详情]
无盘网吧利好多多 无盘网吧利好多多
  中国人的无盘工作系统,大约在1997年走向社会,走进网吧。历经10多年的磨砺,无盘工作系统逐渐得到....[详情]
教你做网吧广告——百万格子网吧版 教你做网吧广告——百万格子网吧版
在网吧做广告已非新鲜事,但如何充分发挥网吧优势,“压榨”出更多的广告,想必大家也在绞尽脑汁了[详情]
不用拆机箱,不用Ghost,飞速传系统 不用拆机箱,不用Ghost,飞速传系..
  用ghost server进行网络克隆是个不错的主意,但是,克隆之前要给母盘作准确无误的整盘镜像,克隆过....[详情]
网管必学:将“SP3”集成至XP安装盘 网管必学:将“SP3”集成至XP安装..
  随着最近Vista的不断炒作,相信短期内Windows XP SP3的正式版本是发布无望了,但正所谓自己动手丰....[详情]

百度主题推广

网站地图 | 关于天下 | 商务合作 | 广告投放 | 投稿指南 | 联系方式 | 友情链接 | 版权声明 | 免责条款 | 隐私保护
新 宽 联 数 码] 中国网吧增值业务领头羊
新宽联数码 2000 - 2008 建设 - 维护 - 版权所有 粤B2-20040365号
广州网监-报警岗亭