学习H5仿制网站时遇到的问题

学习H5的第二周，开始仿制网站，在本过程中也发现了自己存在的更多问题。

1.TOP块：在制作top中，遇到的第一个问题，一旦top左右的背景色不同该怎样去调整

解决方式：建立两个div取代一个div

2.浮动排列使用的并不熟练：

使用浮动时，总是出现各个块乱飘的现象

解决方法，通过使用定位，强行定位每个块的位置，但缺点是响应式并不好做，而且感觉在代码上数量太多

3.在部分z轴问题上处理不大明白

z轴问题是通过定位之后

利用z-index属性调整各个块的z轴先后

但是在既有浮动也有定位的两个块，好像并不能你用Z轴变换

4.对于隐藏块的hover事件：

最开始对于hidden属性并不理解，所以不喜欢使用hidden通过隐藏再拉长显示

取而代之使用display：none hover使用display：block

但是后来学习过渡，发现display并不能使用过渡属性

5.对于中间块，过分的使用了div标签，导致写div的css时出现了权重冲突

在无法修改的情况下，只能给每个div再加id属性

以上是本周遇到的比较常见的问题以及部分解决办法

学习H5仿制网站时遇到的问题相关推荐

php仿制网站,网站仿制合法吗，仿制别人网站注意事项
大家好,今天和大家说一下仿制网站时本地环境的搭建和phpcms的一些常用的后台代码,帮助新手使用. 还是以PHPCMS为例,首先在使用phpcms是,因为是后台的运行环境所以在本地安装的化需要运行环境 ...
Hadoop学习笔记—20.网站日志分析项目案例（一）项目介绍
Hadoop学习笔记-20.网站日志分析项目案例(一)项目介绍网站日志分析项目案例(一)项目介绍:当前页面网站日志分析项目案例(二)数据清洗:http://www.cnblogs.com/edis ...
编程学习好去处：35 个快速学习的编程网站
学习编码和设计时最大的问题在于,它从来不是一件简单的事,它需要投入很多时间而且会相当枯燥.不过,我们有一系列的在线资源和网站可以简化编码,让其变成简单.这些网站都是交互式的,采用了学习的最佳实践方法, ...
python爬取网站时，一键获取headers、url等信息（真的是让我爬取网站时，省了不少力气，作为小秘密分享给大家喽）
python爬取网站时,一键获取headers.url等信息 (真的是让我爬取网站时,省了不少力气,作为小秘密分享给大家喽) 作为Python的使用者,我今天就和大家来分享分享我学习python的经验 ...
一些关于【前端】学习资源（网站、视频、文章）收藏的网址
一些关于[前端]学习资源(网站.视频.文章)收藏的网址技术栈前端基础(适合初学者) 相关视频相关文章 HTML&CSS JavaScript 其他相关知识 java 技术栈 Githu ...
记录：职业生涯中的所有学习资料和网站
大家好,我是梅巴哥er.本篇将作为永久记录的文档,用来记录在职业生涯中的所有学习资料和网站.随时更新学习资料和网站. 本篇目录: 百度 W3CSchool 菜鸟教程 MDN官网 node bilibi ...
win10iis服务器如何配置虚拟目录,win10系统iis6部署网站时配置虚拟目录的操作方法...
win10系统iis6部署网站时配置虚拟目录的操作方法? 很多win10用户在使用电脑的时候,会发现win10系统iis6部署网站时配置虚拟目录的的现象,根据小编的调查并不是所有的朋友都知道win10 ...
win10iis服务器如何配置虚拟目录,win10系统iis6部署网站时配置虚拟目录的解决方法...
有关win10系统iis6部署网站时配置虚拟目录的操作方法想必大家有所耳闻.但是能够对win10系统iis6部署网站时配置虚拟目录进行实际操作的人却不多.其实解决win10系统iis6部署网站时配置虚 ...
12个免费学习编程的网站
无论想学什么,也无论出于什么目的想学,都需要你保持好奇心.但是作为刚想入门的新手,面对眼前海量的信息,或许根本不知道从哪里开始.想学习编程?这里有12个提供免费编程课的网站推荐给你. 曾几何时,编程对 ...

学习H5仿制网站时遇到的问题

学习H5仿制网站时遇到的问题相关推荐

最新文章

热门文章