一些css的属性

一些css的属性

   *{ margin: 0px; padding: 0px;} /*使整个页面的元素都没有页边距(margin)与填充距离(padding)*/

    body{ width:1024px; height:auto;

               margin:0px auto 0px auto;}/*使整个页面居中显示*/

    padding: 12px;/*组件能与边缘的距离*/
 
    -moz-border-radius: 6px 6px 6px 6px;/*圆角*/

    float:left;/*div同行显示*/

    margin: 30px;/*元素间的距离*/

    margin-left:50px;/*与左边元素的边距*/

    margin-top:10;/*与上边元素的边距*/

    左边距属性(margin-left)

    右边距属性(margin-right)

    上边距属性(margin-top)

    下边距属性(margin-bottom)

     边距属性(margin)

            这个属性是设定边距宽度的一个快捷的综合写法，用这个属性可以同时设定上下左 右边距属性。

            你可以为上下左右边距设置相同的宽度。示例：

.d1 {margin:1cm}

            你也可以分别设置边距，顺序是上，右，下，左。示例：

.d1 {margin:1cm 2cm 3cm 4cm}

             上面的代码表示，上边距为1cm，右边距为2cm，下边距为3cm，左边距为4cm。

             也可以是margin:1cm auto，这样后边的属性都是自动的

 

关于原始的选择，这只讲一点：

.m div,input{……}   选择有class="m" 原始之下的div与input原始

 

如：

.loginplan {
    background: none repeat scroll 0 0 #F5F8FC;
    border: 1px solid #A9C4E8;
    text-align: left;
    width: 300px !important;
    height:100px;
    -moz-border-radius: 6px 6px 6px 6px;/*圆角*/
    float:left;/*div同行显示*/
    margin: 30px;/*元素间的距离*/
    padding: 12px;/*组件能与边缘的距离*/
}