zoukankan      html  css  js  c++  java
  • CSS中几个初涉元素<position><float>

    刚接触CSS不是太长时间  对于CSS基本属性也是略懂

    就在这里做一个总结

    CSS会更多的延用HTML中的一些基本属性  例如文字属性的改变方式 <span>元素  <p>元素  

    而CSS更多的优点是体现在对于页面布局 和页面整体美感的设置上   <div>元素就很好的解决了整体页面的布局问题  

    对于现在所掌握的技术而言  <div>元素更多是用在为整个图形界面定义一个坐标

    要提到深受喜爱的<div>  当然离不开其中一个重要的元素  

    <position>

     1 <head>
     2 <style>
     3 .a{width:700px;
     4 height:800px;
     5 border:1px solid red;
     6 position:relative;
     7 top:100px;
     8 
     9 left:300px;
    10 }
    11 .b{width:700px;
    12 height:200px;
    13 border:1px solid black;
    14 position:relative;
    15 top:0px;
    16 left:0px;
    17 
    18 
    19 
    20 }
    21 
    22 </style>
    23 
    24 
    25 </head>
    26 
    27 
    28 <body>
    29 
    30 <div class="a"></div>
    31 <div class="b"></div>
    32 
    33 
    34 </body>

    代码所示<position>元素  主要用在给大的边框定位  而中间嵌入的框架利用<position>元素中的relative属性实现相对位移  继承父集元素的定义  

    <float>元素是实现文字图片以及众多元素漂移的元素

    属性值有<left><right>

  • 相关阅读:
    Jira汉化
    maven settings.xml配置用户信息
    Ubuntu 源码方式安装Subversion
    JS表格分页(封装版)
    CSS选择器之基本选择器总结
    有关Web常用字体的研究?
    关于解决不同浏览器之间的兼容性问题
    八一八浏览器内核
    DIV CSS float浮动
    JS对象
  • 原文地址:https://www.cnblogs.com/amora/p/3930184.html
Copyright © 2011-2022 走看看