zoukankan      html  css  js  c++  java
  • 第一篇、自定义博客园的css样式并让其支持响应式

    css文件:

    <style type="text/css">
        #cnblogs_post_body
        {
            color: black;
            font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
            font-size: 16px;
        }
        #cnblogs_post_body h1
        {
            background: #2B6695;
            border-radius: 6px 6px 6px 6px;
            box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
            color: #FFFFFF;
            font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
            font-size: 17px;
            font-weight: bold;
            height: 25px;
            line-height: 25px;
            margin: 15px 0 !important;
            padding: 5px 0 5px 20px;
            text-shadow: 2px 2px 3px #222222;
        }
    
    @media screen and (min- 1px) and (max- 800px)
        {
            #mytopmenu
            {
                margin-left: 0;
                margin-right: 0;
                width: 100%;
            }
            #centercontent
            {
                padding-left: 0;
                padding-right: 0;
                width: 100%;
            }
            #leftcontent
            {
                width: 100%;
                position: static;
                width: 100%;
            }
            #footer
            {
                margin: 0;
                width: 100%;
            }
            #comment_form
            {
                display: none;
            }
            #header
            {
                display: none;
            }
            #green_channel
            {
                display: none;
            }
            #centercontent img { width: 98% !important; }
        }
    
    </style>

    页首代码:

    <script type="text/javascript">
    var meta = document.createElement('meta');
    meta.setAttribute('name', 'viewport');
    meta.setAttribute('content', 'initialwidth=device-width,initial-scale=1');
    document.getElementsByTagName('head')[0].appendChild(meta);
    
    </script>
  • 相关阅读:
    python模块导入
    linux总结shell
    linux和shell关系
    gdb调试工具
    C语言.c和.h
    CSS cursor 属性
    html dom SetInterVal()
    css hover伪类选择器与JQuery hover()方法
    CSS 清除浮动 clear 属性
    block,inline和inline-block概念和区别
  • 原文地址:https://www.cnblogs.com/HJQ2016/p/5931873.html
Copyright © 2011-2022 走看看