摘要：最近很流行“视差滚动”效果，抛开设计不说，前端上的实现方法很有意思，国内详细的教程不多，所以自己研究别人网站，实践总结。一、例子SmaShingSparkQQ浏览器二、原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的，偶尔有一些背景固定的网页。顾名思义“视差滚动”就是通过滚动这个行为实现视觉上的层次错落的错觉，从而形成立体的运动效果。其实分析各个优秀的例子网站，不难发现其实原理一样的，手法上也大同小异，都是通过控制多层的透明背景，在滚动的时候不再是只向上运动，而是以不同的速度、不同的方向去运动，再结合现实世界的运动规律，从而达到很棒的视觉冲击和交互三、讲解先分析下SmaShi 阅读全文

摘要：值属性inhert规定应该从父元素继承 position 属性的值。static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。relative生成相对定位的元素，相对于元素本身正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。absolute生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bo 阅读全文

摘要：背景平铺 好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧 [align=left][/align] 这段代码top的背景看似没问题，但当你把浏览器的窗口缩小时，拖动滚动条你会发现上面的背景少了一块。这个bug问题存在与 width：100%； 他只获取浏览器的当前100%宽度，但是没有加上滚动条的那一块长度。解决方法：在width:100%; 后面加个 min-width：**px; 这个长度取于你的网页最低宽度。好了希望对大家有帮助。感谢原作者：zhi... 阅读全文

摘要：在网上查 CCS3 的选择器时找到的一篇文章，由阮一峰整理(参考网址：456 Berea Street)。笔记中包括了44个 CSS 选择器，基本涵盖了 CSS 2 和 CSS 3 的所有规定，转来方便以后查看。一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素实例：* { margin:0; padding:0; }p { font-size:2em; }.info { background:#ff 阅读全文

摘要：一个table 需要在第一列生成序号：1、2、3、4、5...... 并且自适应行数不使用后台程序，开始考虑使用JS，但是一旦前台排序后，序号就乱了，最后采用CSS的一个计数器方法实现！ 上海大华贸易有限公司 YFKSQ-20120924-0007 现金 /*自动序号*/ tbody { counter-reset:sectioncounter; } .SortId:before { content:counter(sectioncounter); counter-increment:sectionco... 阅读全文

摘要：常用标签基本标签 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 创建一个段落换行插入一个回车换行符 创建超文本链接表格标签 创建一个表格 表格中的每一行 表格中一行中的每一个格子 设置表格头:通常是黑体居中文字表单标签 创建表单action="..."接收数据的服务器的URLmethod="..."HTTP的方法(get, post)。其中get是被反对使用的创建下拉菜单 创建一个文本框区域,列的数目设置宽度,行的数目设置高度创建一个复选框,文字在标签后面创建一个单选框,文字在标志后面创建一个单行文本输入区域,size设置 阅读全文