HTML+CSS项目开发经验总结(推荐)

2019-01-15 08:42:28王振洲

HTML代码:

  • <div class="div1">                 请把鼠标放在这里   
  •                <div class="div2"></div>   </div>  
  • b、z-index

    检索或设置对象的层叠顺序。

    并级的对象,此属性参数值越大,则被层叠在最上面。

    如两个对象的此属性具有同样的值,那么将依据它们在HTML文档中流的顺序层叠,写在后面的将会覆盖前面的。

    必须定position属性值为absolute、relative或fixed,此取值方可生效。

    c、display

    none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

    inline:指定对象为内联元素。block:指定对象为块元素。

    list-item:指定对象为列表项目。

    inline-block:指定对象为内联块元素。(CSS2)

    二、心态总结

    经过这次的项目练习,我发现其实很多时候不是直接的能力问题,而是态度问题。一开始,十几个页面要赶在几天内完成,我对自己最后做出的结果是怀疑的。但我也想到,假如以后工作了,也避免不了会"高压"作业。也就是会可能在短时间内把工作任务完成到位。过程总是坚辛的,但往往别人看重的只有结果。结果没出来,就是工作没到位,虽然如此说来挺残酷的,但事实确实如此。这次的项目完成力度大概90%,还差一些效果没有实现。但后来发现还得做浏览器兼容,这确实是个头疼的问题。虽然麻烦,但这也是必不可少的一部分。针对这次的项目练习,我总结了以下几点,我认为自己可以提升的地方:

    1、熟悉并熟练使用每个HTML便签和CSS属性。我认为导致开发速度慢的原因之一是因为自己对知识点的掌握不够。比如说,要实现某个效果,但却由于想不起来用到了哪些属性,或者忘记了属性名称,又得花时间去查找资料。无形中时间就耗掉了。

    2、减少冗余,优化代码。可以省略的还是省略为好,因为代码多了占用内存,页面加载速度也会变慢。在写代码的过程中,也可以先思考一下有什么比较简洁的写法,提高代码书写速度。当然这也是一点点积累出来的,练习多了自然也会慢慢了解如何才会提高代码书写速度以及降低冗余。

    3、切图速度。也许是比较少用设计工具,对软件界面的操作不太熟悉。但切图其实也不需要太高技术,但需注意的一点是准确性。同时也能提高专注度。