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

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


一、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!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,710评论 1 92
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,419评论 0 11
  • 这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存...
    JamHsiao_aaa4阅读 5,261评论 0 3
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 8,957评论 0 6
  • 思路:先定义问题,设糖果的种类m,妹妹可以分得的个数n,妹妹分得的最大种类个数ret。如果个数n>种类数m,则re...
    HamletSunS阅读 1,094评论 0 0

友情链接更多精彩内容