随笔分类 -  慕课网

响应式布局
摘要：什么是响应式布局 让一个网站可兼容不同分辨率的设备 移动互联网催生了响应式布局的诞生 如何实现响应式布局 1、CSS-midia query 2、借助原生JS 成本高，不推荐使用 3、第三方开源框架 可以很好的支持浏览器响应式布局的设计 CSS-midia query 常见的属性： device-w 阅读全文
posted @ 2017-03-23 07:12 行走de猫 阅读(135) 评论(0) 推荐(0)
直角页码制作
摘要：1、html结构 采用a标签（行内元素），因为当前页和"<"采用<span>单独分离 "<"，&lt; ">",&gt; 2、行内元素之间的间隔BUG问题 产生原因：换行符，tab（空格、制表符产生空隙） 解决方法：1、元素写成一行 2、设置font-size:0; 3、padding:5px 7p 阅读全文
posted @ 2017-03-21 07:23 行走de猫 阅读(150) 评论(0) 推荐(0)
手风琴效果
摘要：什么是手风琴效果？ 当手风琴滑过时，会有有一个动画效果，并且明暗效果发生变化 所用知识点： 浮动布局 明暗变化：遮罩层 透明度 动画效果：js css(css3:transition) 鼠标事件： 阅读全文
posted @ 2017-03-16 07:07 行走de猫 阅读(201) 评论(0) 推荐(0)
回到顶部效果
摘要：锚链接 简单快速，没有兼容性问题 视觉上不够直观，用户体验不够好 用Javascript制作回到顶部效果 DOM操作 1、document.getElementById 根据ID获取标签元素 2、document.documentElement.scrollTop 滚动条的数值，可读写 事件运用 1 阅读全文
posted @ 2017-03-15 07:14 行走de猫 阅读(218) 评论(0) 推荐(0)
滑动动画效果制作
摘要：滑动动画效果 神功总纲第一关 、html静态结构搭建第二关、CSS样式添加，为图片进行定位第三关、用JQUERY把滑动效果制作出来 juery hover(函数1，函数2)事件：模拟光标悬停 animate()函数创建自定义动画 duration属性设置动画持续的时间 $(document).rea 阅读全文
posted @ 2017-03-14 07:00 行走de猫 阅读(287) 评论(0) 推荐(0)
如何用CSS进行网页布局
摘要：什么叫做布局？ 又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合 网页设计的特点 网页可以自适应宽度 网页的长度理论可以无限延长 分栏又称分列，常见的布局分为： 一列布局 两列布局 三列布局 混合布局 一列布局 如何使单类居中 margin:0 auto; #ccc 灰色 两列布局 阅读全文
posted @ 2017-03-13 07:00 行走de猫 阅读(270) 评论(0) 推荐(0)
结构与表现分离的思想
摘要：网页制作中，结构，表现，行为分离。 微博用户发言信息列表制作 高级思路： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级</title> <style type="text/css"> .demo03{wi 阅读全文
posted @ 2017-03-13 06:56 行走de猫 阅读(360) 评论(0) 推荐(0)