• css


    ---恢复内容开始---

    css 选择器有修饰上的优先级:标签内部style > id > class > 外部标签

     插入样式的方法有三种:外部样式 < 内部样式 < 内联样式  (如果外部样式放在内部样式的后面,则外部样式覆盖内部样式)

     对于padding和margin,百分比按照父元素的宽计算,对于定位元素,则按照父元素的高计算。

    块级元素水平居中对齐:margin:auto; 并且必须设置width

    img{

      display:block;

      margin:auto;

    }

    #id{

      text-align:center;

      color:white;

      background-color:white;

    }  

    .class{}

    p.class{}

    h1.class{}

    body{

    background-image:url(' '),url('');

    background-attachment:fixed;

    background-repeat:no-repeat,repeat;

    background-position:right bottom,left top;

    background-color:#ffffff;

    }

    border-1px;

    border-style: solid;

    border-color:white;

    border-top-style:dotted;

    ---恢复内容结束---

    css 选择器有修饰上的优先级:标签内部style > id > class > 外部标签

     插入样式的方法有三种:外部样式 < 内部样式 < 内联样式  (如果外部样式放在内部样式的后面,则外部样式覆盖内部样式)

     对于padding和margin,百分比按照父元素的宽计算,对于定位元素,则按照父元素的高计算。

    块级元素水平居中对齐:margin:auto;

    #id{

      text-align:center;

      color:white;

      background-color:white;

    }  

    .class{}

    p.class{}

    h1.class{}

    body{

    background-image:url(' '),url('');

    background-attachment:fixed;

    background-repeat:no-repeat,repeat;

    background-position:right bottom,left top;

    background-color:#ffffff;

    }

    border-1px;

    border-style: solid;

    border-color:white;

    border-top-style:dotted;

    //旋转

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
    #hello{
    200px;
    height:100px;
    background-color:yellow;
    transform:rotate(70deg);
    }
    </style>
    </head>
    <body>
    <div id="hello">Hello</div>
    <button onclick="Rotate()">点击这里</button>
    </body>
    <script>
    var i=0;
    function Rotate(){
    setInterval(function() {
    var obj = document.getElementById("hello");
    obj.style.transform = "rotate("+i*10+"deg)";
    i++;
    },1000);
    }
    </script>
    </html>

  • 相关阅读:
    redis主从同步
    redis持久化
    redis发布订阅
    mariadb主从复制,
    nginx+uwsgi+django+virtualenv+supervisor发布web服务器
    Oracle 11gR2 RAC Installation on Oracle Linux 6.5
    ORA-1555 causes and solutions
    Linux实时查看日志的四种命令详解
    Linux查看日志常用命令
    oracle 11g 静默安装
  • 原文地址:https://www.cnblogs.com/lhang55/p/7886309.html
Copyright © 2020-2023  润新知