写在前面:
当你意识到一切似乎都无法改变的时候,你要学会用笑来哭泣。。。
-
自己遇到的一些问题:
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插件的使用
-
最后: