• 150929-拖延高于懒-HTML(End)


    四天未更了,分别是因为Xshell和虚拟机链接不好,累,懒(好像是三天。。)

    就像我一直嗷嗷着要去学开出一样,5年都没有去。。。。。。拖延症似乎比懒癌更可怕。慢慢的慢慢的,人长大了,小时候的一些东西才明白。一天之计在于晨,早上动起来,一天都不会太懒吧(这个句式就像爱笑的女生运气都不会太差),不说了,教研室去了。

    --------------------------9:00-------------------------------------------------------

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>内联块状元素</title>
    <style type="text/css">
    div{background:230;}
    p{display:block;
    border-bottom:2px solid blue;
    padding:20px 12px;
    height:100px;
    inline-height:100px;
    font:italic "宋体",sans-serif 120%/1.5em #369;
    text-align:center;}
    table {margin:0 auto;}
    .float1{float:left;
    position:relative;
    left:50%;}
    .float2{position:relative;
    left:-50%;}
    .layerabs{position:absolute;
    left:0 auto;}
    .layerrel{position:relative;}
    .layerfixed{position:fixed;
    right:0;
    bottom:0;}

    </style>
    </head>
    <body>
    <div class="layerfixed">
    <p>固定定位</p>
    </div>

    <div class="layerabs">
    <p>绝对定位</p>
    </div>

    <div class="layerrel">
    <div class="layerabs">
    <p>定位的组合</p>
    </div></div>

    <div class="float1">
    <div class="float2">
    <p>非定宽居中</p>
    </div></div>

    <div>
    <table><tbody><tr><td>
    <p>非定宽居中table</p>
    </td></tr></tbody></table>
    </div>

    </body>
    </html>

    HTML的初级内容学习完毕,上述内容主要是一点排版方法,然后还需要进一步的优化。暂时先记下慢慢消化~

    -------------------17:04-------------------------

  • 相关阅读:
    DAY-4 Linux基础及常用命令(1)
    DAY-3 计算机基础之网络
    DAY-2 计算机基础之操作系统
    DAY-1 计算机基础
    梅花作品欣赏
    简洁大气网址(国外)跟设计大学的案例很像
    animate css3 应用的借鉴,一个同事写的JS
    漂亮的素材
    几个不错的素材站
    正式开始我的技术生涯
  • 原文地址:https://www.cnblogs.com/andy1202go/p/4845464.html
Copyright © 2020-2023  润新知