- 博客(4)
- 资源 (2)
- 收藏
- 关注
原创 【实践】总结(2015/05/07)——关于布局和兼容的一些问题
1、IE-6浮动块元素左右margin大于实际设置的值2、表格文本溢出3、内容过多出现滚动条4、信息列表图浮动布局,个数不确定5、图片额外尺寸,以及IE低版本下图片有边框6、标题h1~h6的文字大小、粗细手动设置不生效7、点击<a>标签时外面出现的虚线边框8、css的表格边框合并9、解决IE-6不支持PNG透明图片10、让IE支持html5标签11、制作CSS小三角
2015-04-10 15:14:55 354
原创 【学习笔记+实践】手风琴效果
1、用无序列表的浮动布局实现图片并排效果;2、通过相对定位和绝对定位实现遮罩层、文字层、虚线等的定位效果;3、通过设置遮罩层的透明度来改变某个元素的明暗度,用伪类实现鼠标悬停时阴影的控制;4、用javascript直接控制属性大小或者css3的transition 实现变化平滑过渡的动画效果;5、用js监听鼠标事件onmouseover,通过修改元素的class值实现最终效果(循环 / 事件委托)。
2015-01-26 11:14:48 491
原创 【学习笔记+实践】网页简单布局之结构与表现分离
html——结构;css——表现;javascript——行为。拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系,把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式;等到html按内容编写完成之后,再考虑样式的实现,在不改变现有结构的基础上,只通过样式去改变页面布局,完成设计图要求的视觉效果。
2015-01-25 15:06:59 830
原创 【学习笔记+实践】简单的导航条菜单制作
1、用无序列表构建菜单;2、垂直菜单转变为水平菜单:float:left;3、在制作圆角菜单时,背景图片贴在<a>标签上;4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧:margin-top用负值;5、用JS制作水平伸缩菜单时,“this”代表当前的<a>标签。
2015-01-24 14:53:38 1200
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人