文章分类 -  CSS

摘要:说明:占位空间:元素在文档流中所占据的空间。实际位置:元素本身所占据的空间。一、用相对定位布局块级元素元素设置position值: position:relative此属性值的设置,元素没有脱离文档流,还是普通流定位模型的一部分1.仅使用left、right、top和bottom属性布局相对定位元素的情况元素原本所占的占位空间仍保留,实际位置偏移。其他块级元素的位置没有被影响。<div &l... 阅读全文
posted @ 2010-09-28 14:29 mewyser 阅读(1962) 评论(0) 推荐(1)
摘要:CSS命名规范  一.文件命名规范  全局样式:global.css;  框架布局:layout.css;  字体样式:font.css;  链接样式:link.css;  打印样式:print.css;  二.常用类/ID命名规范  页 眉:header  内 容:content  容 器:container  页 脚:footer  版 权:copyright   导 航:menu  主导航:... 阅读全文
posted @ 2010-08-19 14:55 mewyser 阅读(201) 评论(0) 推荐(0)
摘要:给span加个边框后,会发现FF下正常,但IE6/7下只有左右边框,而没有上下边框。此时给span加个line-height就行了。但要注意line-height的值要比字体的高度大。span 是个文本标签,里面只能是文本(innerText),不能放其他的控件,如果放了图片什么的可以显示,但不同浏览器显示方式会有所不同。display:inline;(内联)《CSS权威指南》中 文字显示:任何不... 阅读全文
posted @ 2010-07-30 15:26 mewyser 阅读(795) 评论(0) 推荐(0)
摘要:display:inline-block简单来说就是设置为内联元素(inline),但可自定义width,height。IE8对display的属性支持已经相当完整了。不过,对于inline-block属性,IE6/7只支持本身为inline的元素。很多时候我们必须使一些块元素并排显示,一般想到的是必须使用浮动,但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG,所以很多时候不得... 阅读全文
posted @ 2010-07-30 14:49 mewyser 阅读(343) 评论(0) 推荐(0)