首页练习

写在前面:

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

  • 自己遇到的一些问题:

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插件的使用

  • 最后:

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,599评论 32 459
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 1,642评论 0 1
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • ensemble method 指 该两种算法基本上是和Decision Tree 一起使用
    重新出发_砥砺前行阅读 230评论 0 0