美文网首页
2019-07-24来黑马程序员的第十三天(休息)

2019-07-24来黑马程序员的第十三天(休息)

作者: 柯南结局我就改名字 | 来源:发表于2019-07-24 21:57 被阅读0次

    终于到了晚上写文章的时间了,总的来说今天还是很充实的,因为把老师布置给我们的任务给完成了,虽然完成的时间有点长,但是总算搞出来了啊,内心还是有点小窃喜的,同时完成一个页面的布局也是有流程化的,总结如下:


    一、HTML部分

    (1)将页面的骨架划分明确

    (2)骨架部分写相应的注释

    (3)思考哪种方式布局简单,尽量避免过多的嵌套

    (4)注意css文件的引入

    二、CSS部分

    (1)明确划分这部分样式是控制页面哪个部分的

    (2)去除页面标签的样式如:

    /*将页面的格式清除*/

    * {

        padding: 0;

        margin: 0;

        /*自动内减*/

        box-sizing: border-box;

    }

    /*清除列表样式*/

    ul,li {

        list-style-type: none;

    }

    /*input默认的边框是2px 我们给他设置1px*/

    input {

        border: 1px solid #ccc;

    }

    /*去除a标签的下划线*/

    a {

        text-decoration: none;

        color: black;

        font-size: 18px;

        font-weight: bold;

    }

    a:hover {

        color: orange;

    }

    /*清除浮动*/

    .clearfix::after {

        content: '';

        display: block;

        clear: both;

        height:0;

        visibility: hidden;

    }

    .clearfix {

        *zoom: 1;

    }

    /*设置版心公共类*/

    .w {

        width: 980px;

        margin: 0 auto;

    }

    3、思考css代码能不能复用


    嗯,今天总结就是这么多了,我希望以后的每一天都总结一天的收获,一步一步来,慢慢见证自己的成长,fighting!!!

    相关文章

      网友评论

          本文标题:2019-07-24来黑马程序员的第十三天(休息)

          本文链接:https://www.haomeiwen.com/subject/ofqqrctx.html