HTML5技术

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

字号+ 作者:H5之家 来源:H5之家 2017-03-20 09:02 我要评论( )

学习H5的第二周,开始仿制网站,在本过程中也发现了自己存在的更多问题。 1.TOP块:在制作top中,遇到的第一个问题,一旦top左右的背景色不同该怎样去调整 解决方式:建立两个div取代一个div 2.浮动排列使用的并不熟练: 使用浮动时,总是出现各个块乱飘的现

 

 

 

学习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.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5学习笔记一: 认识H5 - 南心芭比

    HTML5学习笔记一: 认识H5 - 南心芭比

    2017-03-16 12:00

  • 学习HTML5一周的收获2 - 张晋铭

    学习HTML5一周的收获2 - 张晋铭

    2017-03-13 08:03

  • HTML5 FileReader接口学习笔记 - 就只是小茗

    HTML5 FileReader接口学习笔记 - 就只是小茗

    2017-03-10 16:00

  • 游戏开发完整学习路线(各个版本都有) - 若朝若曦

    游戏开发完整学习路线(各个版本都有) - 若朝若曦

    2017-03-09 17:00

网友点评
"