zoukankan      html  css  js  c++  java
  • css样式表

    <head>
    <style type="text/css">
    .main
    {
        height:42px;
        100%;
        text-align:center;}
    </style>
    
    <title>class选择器</title>
    
    </head>
    
    <body>
    <div class="main">
    </div>
    </body>
    </html>
    

      

    <head>
    <style type="text/css">
    #main
    {height:42px;
    100%;
    text-align:center;
    }
    </style>
    
    <title>id选择器</title>
    </head>
    
    <body>
    <div id="main">
    </div>
    </body>
    </html>
    

      

    <head>
    
    <title>格式与布局position:absolute</title>
    <style type="text/css">
    .b
    {border:5px solid blue;
    100px;
    height:100px;
    background-color:#0F3;
    right:50px;
    bottom:20px;
    position:absolute;相对于外层边框
    }
    .c
    {border:2px solid red;
    400px;
    height:200px;
        }
    </style>
    <style type="text/css">
    .d
    {border:2px solid red;
    400px;height:200px;position:absolute;
    }
    </style>
    </head>
    
    <body>
    <div class="c">c没有
    <div class="b">b
    </div>
    </div>
    <div class="d">d有
    <div class="b">2b
    </div>
    </div>
    </body>
    </html>
    

      

    <html>
    <head>
    <title></title>
    <style type="text/css">
    #a
    {border:5px solid blue;100px;
    height:100px;margin:10px;background-color:#0F6;
    position:fixed;锁定位置相对于游览器
    z-index:2;分层,层数越高越考上
    
    }
    #aa
    {border:5px solid blue;100px;
    height:100px;margin:10px;background-color:#0F6;
    left:20px;top:50px;position:relative;相对于默认位置的移动}
    </style>
    </head>
    
    <body>
    <div id="a">
    a</div>
    <div id="aa">aa</div>相对于a移动
    </body>
    </html>
    

      

  • 相关阅读:
    开源框架Tiny之内容组成
    开源框架Tiny之内容组成
    TinyUI组件开发示例
    一个Maven工程中,不同的模块需要不同的JDK进行编译
    Tiny中文分词
    在Linux下搭建Tiny开发环境
    业务流程引擎
    Tiny并行计算框架之复杂示例
    Tiny并行计算框架之实现机理
    笔记(一)
  • 原文地址:https://www.cnblogs.com/hanke123/p/4957678.html
Copyright © 2011-2022 走看看