学习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属性

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

最新文章

  1. OC基础--构造方法 id类型
  2. Jquery实现文字向上逐条滚动
  3. 报错问题:InnoDB: Error: log file ./ib_logfile0 is of different size
  4. ie8及ie8以下支持html5 video标签
  5. 键盘unicode值对照表
  6. struts2框架的第一个程序
  7. jquery插件的写法
  8. C# 面向对象 , 继承
  9. Mac OS X 下 TAR.GZ 方式安装 MySQL 5.7+
  10. zookeeper的集群介绍、搭建、环境、安装
  11. 使用node自动刷房源并发送可入住房源到邮箱
  12. 异常-----Java compiler level does not match解决方法
  13. ROS_Kinetic_26 使用rosserial_windows实现windows与ROS master发送与接收消息
  14. SEO概念及SEO相关优化
  15. CPU漏洞补丁KB4056892 卸载及忽略办法
  16. 阿里云oss c# api 的使用 的使用
  17. leetcode153
  18. php判断数组元素是否存在某个字符串的方法
  19. Java笔试题解析(二)——2015届唯品会校招
  20. Servlet入门(第一个Servlet的Web程序)

热门文章

  1. 全面理解Java内存模型
  2. 6.移植uboot-支持yaffs烧写,打补丁
  3. 从零开始学习前端开发 — 1、HTML基础
  4. 解决不同操作系统下git换行符一致性问题
  5. Hadoop问题:apt-get install docker-engine -> Depends: init-system-helpers (>= 1.18~) but 1.14 is to be installed
  6. linux ubuntu 远程ssh登录
  7. linux mysql 修改 UTF-8编码
  8. [Git] git log命令
  9. maven项目添加findbugs,checkstyle,jacoco,assembly,maven-jar-plugin插件的配置
  10. 【转】AWK常用