Div+Css控制网页排版小记.

           新的学期，空闲时间比较多，借着刚买的玩具云服务器，准备搭建一个个人主页玩一玩。所以顺便学习下html的知识。

       结果呢，学着html发现就要连着css,javascript,jquery顺带了解了一遍。这次就简单谈一下自己对div+css片面的理解。

       这里先提一下做的第一个个人一面，简直简陋到想哭。当时博主还是一个php的懵懂小生，html嵌套着php实现了一个登录跳转界面，当时在想方设法把登录的块放到网页的中央，在网上搜了很多资料，敲了一大堆看不懂的代码，反正效果是实现了（画面太丑，就不放出来了） 。那算是我第一次了解到css(Cascading Style Sheets 层叠样式表)，用来控制页面的布局及美化。当时使用的是table排版。

       —————————手动分割线—————————

       现在进入正题。

       首先，个人对div的理解就是（divide）:分割。是的他最最最核心的功能就是分割，它可以在页面上划分一块区域，然后在这个区域里面嵌套你想要的子标签。原始的table布局的核心目的不也是为了分块吗？

       其次再说说css，打一个比方，如果说div是一支画笔，那么css就如同一个神奇的画师，他拿着画笔，勾勒着美丽的线条，自己技艺超群且控制自然颜色，形状，时间变化等等。为的就是那一幅艺术创作。

      

       div+css是灵活性与艺术性的结合

          

       

       再简单说一下div+css一些简单的操作实现：

       

      首先，div是默认占据一行的元素，有时我们想要让两个同一行显示，那我们可以这样操作       

    div{
        display:inline;
    }

       这个属性标识元素可以在同一行显示。

       

       其次，div能够任意定位在页面任何部位。

       可以设置position:absolute;属性不过这个属性是相对于父元素来说的，就是如果你这个div包含在另一个div里面，那么这个块就是在父元素的块内随意（定位）。

       谈到div+css定位这里要提到position属性，

       常用到的有relative、absolute、fixed。

        relative：相对于正常出现的位置通过left right top bottom来进行定位。如left:20px;就是在左边添加20个像素长度。

        

       absolut：生成绝对定位元素，除static以外的第一个父元素定位。

       

       fixed：相对于浏览器窗口的绝对定位。（举个例子：右下角挥之不去的弹窗广告。）

       

       

       这次就简单介绍到这，打个广告，w3cschool,有你想要的（w3cschool得给我广告费啊）