zoukankan      html  css  js  c++  java
  • 智还王项目中出现的问题和使用的一些方法

    遇到的问题:

    1.智还王项目中的轮播图与模块最好可以占满整个网页的页面,给用户更好的体验感觉(由1218届学长提出);

    2.在切换页面时顶部的导航栏位置有些移动,这个问题会在以后的制作过程中注意,避免再次出现这种情况

    3.在点击导航跳转页面时,最好把所在页面的导航标题变色,让用户更加清楚的知道自己所在的页面,增加用户的体验感

    4.在新建HTML和CSS之前,先建好相对应的文件夹,用来储存文档,避免以后不必要的麻烦

    5.在做页面之前先理清思路,不要做到哪里想到哪里,容易混乱

    6.注释问题还要注意,最好多写注释,方便以后调试与找错

    7.基础知识的掌握有些不足,空有想法却不能实现

    8.思路打不开,停留在固定思维,没有创新

    以上是自己的问题

    下面是班级的问题整理

    1.输入框可用首行缩进或者padding实现默认文字与输入光标的对齐


    2.记着写标题,不要出现“无标题文档”,可引入网页标志


    3.父级div的第一个子级元素的margin-top会影响父级div,解决办法:
    a.超出部分隐藏:overflow:hidden;可能会与下一个父级div出现间隔,设置margin-top为负可解决。
    b.设置上边框
    c.将第一个子元素设置为一个1px高的空div
    d.给父级元素设置padding-top;


    4.导航部分注意点击后保留点击状态


    5.相对最外层的div不用设高


    6.注意文件格式,分类;代码注释


    7.注重整体的美观、细节和用户友好

    在制作智还王时用到的一些方法

    overflow:hidden;     模块超出部分隐藏

    .border-radius: 50%; (改变div的形状(变圆))

    text-indent:__px; (调节字体缩进(每段文字开头的距离)

    .点击改变字体:

      var c = document.getElementById('div_0'); (先找到你要改变的字体的位置赋值给一个变量)

             if(id==1){
             c.innerHTML="用户指南"; }(如果点击到这个页面的时候改变文字)

    background-image:url(../images/images/1_shouye/gy.png);(引用背景图片)

    background-repeat: no-repeat;     (使背景图片不平埔)

    :hover{  }   (选择鼠标指针浮动在其上的元素,并设置其样式:)

    text-align: center;  (字体居中)

    position: fixed;(对于整个页面进行定位)

    <a href="#">元素</a>  (点击元素时刷新页面)

  • 相关阅读:
    Docker容器常用操作命令(镜像的上传、下载、导入、导出、创建、删除、修改、启动等)详解
    [20191213]toad 12下BIND_AWARE提示无效.txt
    [20191206]隐含参数_db_always_check_system_ts.txt
    [20191127]表 full Hash Value的计算.txt
    [20191127]探究等待事件的本源4.txt
    [20191126]探究等待事件的本源2.txt
    [20191125]oracel SQL parsing function qcplgte 2.txt
    [20191125]探究等待事件的本源.txt
    [20191122]oracel SQL parsing function qcplgte.txt
    [20191119]探究ipcs命令输出2.txt
  • 原文地址:https://www.cnblogs.com/LQK157/p/8700373.html
Copyright © 2011-2022 走看看