zoukankan      html  css  js  c++  java
  • 首页的css

    html,body{
        margin:0;
        padding:0;
        background-color: lavenderblush;
    }
    a{
        color:darkgray;
    }
    li{
        list-style: circle;
    }
    /*页首*/
    #header{
        /*background: -webkit-linear-gradient(rgba(0,0,0,1), transparent); /* Safari 5.1 - 6.0 
      background: -o-linear-gradient(rgba(0,0,0,1), transparaet); /* Opera 11.1 - 12.0 
      background: -moz-linear-gradient(rgba(0,0,0,1), transparent); /* Firefox 3.6 - 15 
        background: linear-gradient(rgba(0,0,0,1), transparent); /* 标准的语法 */
        //height:129px;
        margin:0;
        width:auto;
        //border-bottom: 1px solid lightgray;
        //background-color: yellow;
    }
    /*博客标题和副标题*/
    #blogTitle h1{
        margin:0;
        padding:0;
        line-height:1.5;
        text-align:center;
        width:25%;
        //background-color:white;
    }
    .headermaintitle {
        list-style-type: none;
        text-decoration: none;
        font-family: Impact, Charcoal, sans-serif;
        font-size: 30px;
        color:black;
    }
    .headermaintitle:hover{
        color: dimgray;
    }
    /*博客标题和副标题*/
    /*博客导航栏*/
    #navList{
        margin-bottom: 0;
        margin-right:0;
        margin-left:5px;
        height:43px;
        border-bottom: 1px solid lightgray;
        //background-color:red;
    }
    #navList li{
        list-style-type: none;
        float:right;
        line-height: 2;
        border-right: 1px solid lightgray;
        //background-color: blue;
    }
    .menu{
        text-decoration: none;
        font-size:20px;
        color: black;
        padding:10px;
        border-bottom: 2px none black;
        transition: 0.2s all linear;
        -ms-transition:0.2s width linear;/* Firefox 4 */
        -webkit-transition:0.2s width linear; /* Safari and Chrome */
        -o-transition:0.2s width linear;/* Opera */
    }
    .menu:hover{
     border-bottom: 2px solid black;
    }
    /*博客导航栏*/
    .blogStats{
        height:20px;
    }
    /*页首*/
    /*主体内容*/
    #main{
        min-height: 500px;
        width:auto;
        margin-left:4%;
        margin-right:4%;
    }
    .forFlow{
        float:left;
        width:70%;
        min-height: 500px;
        border-right:1px solid lightgray;
    }
    #sideBar{
        margin-left: 20px;
        float:left;
        width:28%;
        //background-color: blue;
    }
    /*随笔*/
    .day{
        padding-right:20px;
        margin-bottom: 25px;
        //margin-right:10px;
        //border-bottom:1px solid lightgray;
        //background-color: red;
    }
    .dayTitle{
        display:none;
    }
    .postTitle{
        text-align:center;
    }
    .postTitle a{
        font-family: Arial Black, Gadget, sans-serif;
        font-size: 20px;
        color:black;
        text-decoration: none;
    }
    .postTitle a:hover{
        border-bottom: 2px solid black;
    }
    /*随笔*/
    /*搜索*/
    .mySearch{
        min-height: 100px;
        border-bottom:1px solid lightgray;
        margin-bottom: 5px;
        padding-bottom:5px;
    }
    .mySearch h3{
        font-family: Arial Black, Gadget, sans-serif;
        font-size: 20px;
    }
    /*搜索*/
    /*常用链接*/
    .catListLink{
        min-height: 100px;
        border-bottom:1px solid lightgray;
        margin-bottom: 5px;
        padding-bottom:5px;
    }
    .catListLink h3{
        font-family: Arial Black, Gadget, sans-serif;
        font-size: 20px;
    }
    /*常用链接*/
    /*最新随笔*/
    .catListEssay{
        min-height: 100px;
        border-bottom:1px solid lightgray;
        margin-bottom: 5px;
        padding-bottom:5px;
    }
    .catListEssay h3{
        font-family: Arial Black, Gadget, sans-serif;
        font-size: 20px;
    }
    /*最新随笔*/
    /*随笔档案*/
    #sidebar_postarchive{
        min-height: 100px;
        border-bottom:1px solid lightgray;
        margin-bottom: 5px;
        padding-bottom:5px;
    }
        
        
    #sidebar_postarchive h3{
            font-family: Arial Black, Gadget, sans-serif;
            font-size: 20px;
        }
        /*随笔档案*/
    /*最新评论*/
    .catListComment{
        min-height: 100px;
        border-bottom:1px solid lightgray;
        margin-bottom: 5px;
        padding-bottom:5px;
    }
    .catListComment h3{
        font-family: Arial Black, Gadget, sans-serif;
        font-size: 20px;
    }
    /*最新评论*/
    .clear{
        height:10px;
    }
    /*主体内容*/
    /*footer*/
    #footer{
      clear:all;
        margin:0;
        padding:0;
        width:auto;
        text-align: center;
        line-height:2;
        background-color: black;
        color:white;
    }
    /*footer*/
  • 相关阅读:
    献给 Python 开发人员的 25 个最佳 GitHub 代码库!
    6 drf-认证权限解析频率
    4: drf视图组件
    3 drf请求与响应
    十三:Django框架学习之auth模块
    十二:django中间件学习之拓展1
    git光速从入门到精通
    mac系统下的mysql安装(ver.8.0.20)
    python小练习——2048
    docker下overlay2占用空间过大,清理docker占用空间
  • 原文地址:https://www.cnblogs.com/fy-xjw/p/9686267.html
Copyright © 2011-2022 走看看