该栏目主要记录和整理网站前端设计中的相关知识点，涉及到HTML、CSS、网页配色、网页布局等技术文章。以备自己不时的查阅，同时也希望更多的朋友可以借鉴和参考。
有时候我们访问别人的网站，当鼠标将页面下拉后，导航栏并没有消失，而是浮动于页面的顶部。今天来看看这个特效。 “导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的。反正就是这个么意思。先直接上代码： script type="text/javas...
1 2017-02-20 1419 ℃ 评论 导航栏301转向(或叫301重定向，301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态码的一种，表示本网页永久性转移到另一个地址。 方法/步骤 1 虚拟主机设置方法： 若是我司windows2003虚拟主机，请按以下流...
1 2015-01-20 894 ℃ 评论 服务器![[field:fulltitle/]](/uploads/allimg/140210/1H64161H-0-lp.jpg)
什么是Gzip？(已懂的请跳过) Gzip是GNU zip的缩写，它是一个GNU自由软件的文件压缩程序。最早由Jean-loup Gailly和Mark Adler创建，用于UNIX系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是Gzip格式的。现今已经成为Internet上使用非常普...
1 2015-01-20 579 ℃ 评论 服务器 Gzip压缩-Infinite Ajax Scroll,a jQuery plugin 随着智能机的普及，一些手机拥有的效果也慢慢的在网页上实现，最近的一个web项目客户就要球实现当页面滑动到底部的时候自动加载下一页的数据，实现无刷新的自动加载。 因为敝人能力有限也比较懒，所以直接从网上找源...
1 2014-10-28 2124 ℃ 评论!--...-- 定义注释。 !DOCTYPE 定义文档类型。 a 定义超链接。 abbr 定义缩写。 acronym HTML 5 中不支持。定义首字母缩写。 address 定义地址元素。 applet HTML 5 中不支持。定义 applet。 area 定义图像映射中的区域。 article 定义 article。 aside 定义...
1 2014-10-07 1835 ℃ 评论通用全局css初始化reset.css(消除浏览器Bug) 此文章是由 jquery学堂 8群里面的网友【 北京-前端-zd 】提供，主要功能是CSS样式初始化消除浏览器默认值Bug，是前端攻城师必不可少的神兵利器，尤其是对刚学习 div+css 的网友们帮助非常大。 编写者和文本信息如...
1 2014-10-07 1747 ℃ 评论第一步：在网页代码的头部，加入一行viewport元标签 meta name="viewport" content="width=device-width, initial-scale=1" / viewport是网页默认的宽度和高度， 上面这行代码的意思是：网页宽度默认等于屏幕宽度（width=device-width）， 原始缩放比例（ini...
4 2014-10-06 2166 ℃ 评论首先，来了解下a标签的一些样式： a标签的伪类样式 一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括： 总: a 表示所有状态下的连接 如 a{color:red} ① a:link ：未访问链接...
1 2014-09-19 1538 ℃ 评论css四种常见写法： 一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里，元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 1 td style=color:#c00; font-size:15px; line-height:18px;八十年代/td 二、使用STYLE标签 将样式规则写在...
1 2014-09-16 753 ℃ 评论我们这里所说的切片（Slice）就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互的效果，如翻转图像...
1 2014-09-15 970 ℃ 评论我们在制作网页时，经常遇到在DW中图片显示的很紧凑，没有空隙，但是一旦在IE中显示出来，图片间的空隙就比较大！ 这个时候我们可以用CSS来处理这个空隙。 方案一： styleimg{display:block;float:left;}/style 这样就可以了 方案二： style=vertical-align:...
0 2014-09-15 633 ℃ 评论script src=***/jquery.js/script script type=text/javascript jQuery(document).ready(function() { var topmenu = jQuery(nav); var topmenu_top = topmenu.offset().top; reset_topmenu_top(topmenu, topmenu_top); jQuery(window).scroll(function() {...
0 2014-02-10 200 ℃ 评论