摘要: 方法一:左右布局用float,中间布局以左右布局的宽度为margin,这样就能自适应了。左:float:left;width:300px;右:float:right;width:300px;中间:margin:0 300px;方法二:左右布局用position,中间布局以左右布局的宽度为margin... 阅读全文
posted @ 2014-09-27 17:39 jellyANDjammy 阅读(166) 评论(0) 推荐(0) 编辑
摘要: http://www.ruanyifeng.com/blog/2012/06/sass.html作者:阮一峰学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,... 阅读全文
posted @ 2014-09-27 10:00 jellyANDjammy 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 当父元素和子元素都没有定义宽度的情况下实现水平居中: display:inline-block 可以使用text-align:center和display:inline-block相结合,这个技巧需要一个父元素。 HTML代码: 复制代码代码如下: Home … CSS代码: 复制代码代码如下... 阅读全文
posted @ 2014-09-27 09:05 jellyANDjammy 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 1.使用JQuery之前需先引用:可以在线引用:或可以下载在本地文件引用:2.开头写法$(function(){})解释:$是JQuery的缩写,以上全写是:$(document).ready(function(){})或:JQuery(document).ready(function(){})表示... 阅读全文
posted @ 2014-09-23 21:43 jellyANDjammy 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1.display:block就是将元素显示为块级元素.block元素的特点是:总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。p里面不能有块级元素。2.display:inline就是将元素显示为行... 阅读全文
posted @ 2014-09-23 21:04 jellyANDjammy 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 一、静态页面demo:http://jellyandjammy.sinaapp.com/menu/ Document 首页 课程大厅 ... 阅读全文
posted @ 2014-09-23 20:57 jellyANDjammy 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 一.js实现demo:http://jellyandjammy.sinaapp.com/imageChange/js.html实现思路:在一个div内放置五张图片,两张头尾图的附属图(这样可以无缝轮播),把div的宽度设为一张图片的大小。把其他的图片隐藏在另一个div里放置五个span标签做成小按钮... 阅读全文
posted @ 2014-09-17 19:40 jellyANDjammy 阅读(184) 评论(0) 推荐(0) 编辑