zoukankan      html  css  js  c++  java
  • 自写网站入门阶段之一:熟悉各种标签的运用

          接触html/css已经有一段时间,看完了《零基础学HTML+CSS》和《CSS网站布局实录》两本书之后对网页设计有了一定的概念。但纸上得来终觉浅,绝知此事要躬行,于是问同学要了其中一个简单的教学类网站来练手。一共27个页面,大致都是页顶logo+横幅banner+横幅nav+正文content+底部foot的结构,真正压缩一下大概只算十几个页面量而已。

         经过10天左右的自写、百度、询问及参考源代码,终于写完了,对于部分标签的实际运用也得到了很好的锻炼。成型后的页面大致跟原页面差不多,但还有很多需要改进的地方。经我总结有如下几点:

        1.背景图片的引用不熟练,对于引用位置background-position后面的位置总要试很久才放到正确位置;

        2.各个包含层及相邻层的padding和margin运用不熟练,要试多次才能正确;

        3.每次有div或者li浮动之后,用一个clear的div来清除之后有时这个div会莫名其妙的有19px的高度,无法消除;

        4.简单的js效果还是不会的,比如同一个地方若干张图片轮显,又或者是左右两个按钮点一下就左右浮动图片;

        5.什么地方用该用什么标签最妥当。我觉得这应该是最难的,前期先能写出效果来,后期再做优化吧。

    这些都是后面要解决的问题,我会慢慢一一解决 。然后我第二个练手网站又开始了,目测更复杂,用了2天才写完首页。希望在接下来的时间里更加效率,更加优化。然后早日找到工作,加油O(∩_∩)O~

  • 相关阅读:
    编写一个供浏览器端使用的NPM包
    针对低网速的性能优化
    前端性能优化之WebP
    Openwrt自定义CGI实现
    论用户体验测试:牛逼的功能千篇一律,好的用户体验万里挑一
    Vue 依赖收集原理分析
    怎么去写好一段优雅的程序
    hdu 1085 有num1个 1 ,num2个 2 ,num3个 5 (母函数)
    hdu 1398 整数划分变形 (母函数)
    hdu 1028 整数划分 (母函数)
  • 原文地址:https://www.cnblogs.com/zichun/p/3684057.html
Copyright © 2011-2022 走看看