美文网首页
首页练习

首页练习

作者: 木木口丁 | 来源:发表于2016-12-11 15:56 被阅读0次

    写在前面:

    当你意识到一切似乎都无法改变的时候,你要学会用笑来哭泣。。。

    • 自己遇到的一些问题:

    1.div的高度不能设置为百分比

    解决方法:将html和body标签设置的height为100%,再设置div的height:100%

    2.html中将文字纵向显示

    html中有时需要纵向显示内容
    (1)writing-mode:设置对象书写方向,有两个值,lr-tb:从左向右,从上往下 ,tb-rl:从上往下,从右向左
    不过这个属性只是对IE有效果,火狐,谷歌都不支持。
    (2)使用CSS模拟文字竖排
    对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。
    (3)使用br换行让其文字垂直竖排显示 - TOP
    利用html br换行标签实现文字换行,对每个文字后加上换行br标签让其竖列排版。

    3.关于a标签href="#" 时伪类别属性的困惑

    当a标签href值为#时,在CSS中设置它的伪类别属性:visited时,还未点击a标签,它的样式就已经是 visited下的样式了
    解决方法:用JS点击事件去实现效果

    4.div的position为relative时,设置Z-index无效

    解决方法:absolute
    遇到此类情况调试思路

    5.设置div的滑动效果时第一次没有过渡动画,位置是跳的

    原因未知。。。

    6.某些图案的旋转效果还未设置成功,还有屏幕适配的问题。。

    设置旋转仍然是最大的问题,参考了jquery.rotate插件的方法还是不太理想
    jquery.rotate插件的使用

    • 最后:

    文档整理的有些匆忙,关于前端还有许多需要学习的知识。

    相关文章

      网友评论

          本文标题:首页练习

          本文链接:https://www.haomeiwen.com/subject/ogyqmttx.html