智还王项目中出现的问题和使用的一些方法
遇到的问题:
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> (点击元素时刷新页面)
转载于:https://www.cnblogs.com/LQK157/p/8700373.html
智还王项目中出现的问题和使用的一些方法相关推荐
- springboot项目中pom文件parent报错的解决方法
springboot项目中pom文件parent报错的解决方法 1:首先配置maven环境 2:修改maven的settings.xml文件 3:用编辑器修改settings文件 4:设置Eclips ...
- vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述 前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...
- Angular2项目中浏览器拦截弹出窗口的解决方法
Angular2项目中浏览器拦截弹出窗口的解决方法 为什么把项目是Angular2的放到了前边? 因为正常也页面网上已经很多解决方案.请自行百度或Google. 现象:当window.open为用户触 ...
- vue项目中npm install安装失败,万能解决方法
vue项目中npm install安装失败,万能解决方法,即更换淘宝镜像,再执行npm install. 具体如下: npm config set registry https://registry. ...
- 在两个TIA博途项目中组态PROFIBUS和PROFINET通信的具体方法
在两个TIA博途项目中组态PROFIBUS和PROFINET通信的具体方法 为了在两个项目间实现S7-1200/S7-1500的通信,要为其中一个CPU创建GSDML文件,然后将其安装在TIA Por ...
- vue项目中使用vant时tabbar遮挡页面解决方法
标题vue项目中使用Vant时tabbar遮挡页面解决方法 单页面使用: 页面底部可以增加一个div,<div style="height: 5rem;"></d ...
- js定义全局变量 vue页面_vue项目中定义全局变量、函数的几种方法
前言 在项目中,经常会复用一些变量和函数,比如用户的登录token,用户信息等.这时将它们设为全局的就显得很重要了,全局变量和全局函数之间有一些相通之处,它们其实很简单,但是有些人可能还不太了解.简单 ...
- 在vue项目中引用element-ui时 让el-input 获取焦点的方法
在制作项目的时候遇到一个需求,点击一个按钮弹出一个input输入框,并让输入框获得焦点,项目中引用了element-ui 在网上查找了很多方法, 但是在实际使用中发现了一个问题 无论是使用$ref获取 ...
- c语言 2059 语法错误,关于CUDA C 项目中“ error C2059: 语法错误:“” ”问题的解决方法...
该问题的关键在于理解CUDA项目中C\C++文件需要由c++编译器进行编译,而CUDA C的源文件需要由CUDA的编译器nvcc.exe进行编译. 发生该语法错误的原因是cu文件被C++编译器所编译, ...
最新文章
- 打算看的书或正在看的书
- 156. Leetcode 53. 最大子数组和 (贪心算法-进阶题目)
- zabbix监控服务器日志文件,Zabbix对服务器资源进行监控及百度告警的整合
- 定制AjaxControlToolkit(1):使一个CalendarExtender对应N个TextBox
- Linux / openwrt / 安装 Web GUI 和 ftp server
- 【python数据挖掘课程】二十五.Matplotlib绘制带主题及聚类类标的散点图
- aspose 生成word 简单的文档操作
- mvn deploy 推送到私有仓库,注意当前日期
- 移动云TeaTalk(长沙站)| 聚焦“云网一体”发展新机遇
- 高仿小红书引导页实现效果
- spring-kafka、kafka-client 和springboot的版本对应关系
- 2020 豆瓣电影榜单出炉,直接在豆瓣上看电影吧
- [ECCV2020]Beyond 3DMM Space: Towards Fine-grained 3D Face Reconstruction
- scala下载新的版本号
- 为基因序列片段在NCBI的GenBank数据库申请登录号
- easyUI设置行高
- MaskRCNN源码解析4-0:ROI Pooling 与 ROI Align理论
- openlayer添加自定义图片图层
- 计算机网络思维导图图片
- radius mysql md5_Radius认证
热门文章
- Win10 Nodejs搭建http-server注意点
- Ubuntu的多文件编译以及c语言的数组、函数
- maven安装 maven上传jar包到库里面
- Linq to sql并发与事务
- 图的匹配问题与最大流问题(三)——最大流问题Ford-Fulkerson方法Java实现
- [转]如何使用 DirectX 診斷工具判斷 DirectX 的版本
- webpack那些事:浅入深出-源码解析构建优化
- typeof与instanceof的区别
- 【Vue2.0】— 组件的自定义事件(十八)
- java web空指针,java - Web服务中的Java空指针异常@autowired [重复] - 堆栈内存溢出