现在的位置: 首页 > 综合 > 正文

分享:CSS使用技巧摘抄

2014年03月14日 ⁄ 综合 ⁄ 共 781字 ⁄ 字号 评论关闭

http://www.68design.net/Web-Guide/HTMLCSS/5204-1.html

其中这点觉得非常有用:

Block和inline元素对比
所有的HTML元素都属于block和inline之一。block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。相反地,inline元素的特点是: 
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

用code class="inline">display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢? 
让一个inline元素从新行开始;

让块元素和其他元素保持在一行上;

控制inline元素的宽度(对导航条特别有用);

控制inline元素的高度;

无须设定宽度即可为一个块元素设定与文字同宽的背景色。




http://www.ahuing.com/post/2033.html

IE8新hack

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF\0;       /* IE8支持*/
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;              /* IE6支持 */
}


id要符合标识的要求,比如大小写敏感,最好不要包含下划线

抱歉!评论已关闭.