css使用筆記

字體代碼表: http://code.ciaoca.com/style/cssfont2unicode/

導入CSS的方式:

 1),

<link href="../../css/base.css" rel="stylesheet">

 2),

<style type = "text/css">
    ...
</style>

CSS3新特性：

邊框陰影：

box-shadow: 10px 10px 5px #888888;

1、DIV例子

#login_box {
    border: 2px solid;
    border-radius: 25px;
    width: 600px;
    height: 400px;
    margin: 10% auto auto auto;
}

2、段落例子

#title {
    letter-spacing: 5px;
    margin: 100px auto auto auto;
    text-align: center;
    font-family: 'Microsoft YaHei';
    font-size: 22px;
}

3、輸入框例子

input[type = "text"],input[type="password"]{
    padding:0px;
    margin: 5px auto auto auto;
    float: left;
    width: 240px;
}

4、按鈕例子

input[type="submit"]{
    padding: 0px;
    width: 320px;
    margin:5px 0 auto 15px;
    border:none;
    display:block;
    background:white;
    font-family: 'Microsoft YaHei';
    letter-spacing: 5px;
}

5、垂直居中

設置 height : 200px; line-height : 200px