css

标签：

1.怎么让一个div块级元素水平居中？

#layout {margin:0 auto;}

2.如何清除列表前的圆点？

.list { list-style-type:none;}

3.CSS强制换行与强制不换行？

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}

4.单行文字图标居中

div { 
height:25px; 
line-height:25px; 
}

5.如何对齐文本与文本输入框，加上 vertical-align:middle;

6.多个class合并书写

//通常class里面只写一个值，事实上可以多个值，用空格隔开即可。
<span class="a b c"></span>

7.css sprites用法 .a { display:inline-block; height:16px; width:16px; background:url(icon.png) x坐标 y坐标 no-repeat; } //网页中可以使用来显示，当然，方法还有好多。

8.DIV水平垂直居中

<div id="1990c"></div>
#1990c{
    width:600px;
    height:400px;
    position:absolute; //设置绝对定位
    top:50%; //距离顶部50%
    left:50%; //距离左侧50%
    margin-top:-200px; //向上移动div高度的一半
    margin-left:-300px; //向左移动div宽度的一半
}

9.子容器margin-top后父容器下移

<div id="head">
    <div id="logo">
    </div>
</div>
#logo{
    margin-top:10px;
} 
//实际效果:head下移10px
//解决办法:给head定义样式overflow:hidden

10.用CSS实现段落前面缩进两个字

p{ text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/}

css

标签：

原文地址：http://www.cnblogs.com/jellyfish/p/5132591.html