css使用笔记

最新推荐文章于 2024-09-29 11:01:57 发布

啊昕Alan

最新推荐文章于 2024-09-29 11:01:57 发布

阅读量292

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/u011768896/article/details/32326809

版权

html/css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

字体代码表: 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

本文出自 “啊昕的博客” 博客，请务必保留此出处http://alanxu59.blog.51cto.com/7583263/1354918