younger_z的专栏

方正字库中英文照表：  简体 中文字体名 英文字体名文件名PSname字数方正报宋简体FZBaoSong-Z04SFZBSJWFZBSJW—GB1-07156方正粗圆简体FZCuYuan-M03SFZY4JW

在页面里加上版权符号，HTML代码里对应输入©©就是版权符号在HTML里的代码，但是很多页面在设计的时候，用的字体是宋体，就算没有设置字体，中文系统下默认用的还是宋体，那么就导致的显示出来的版权符号变形。让我们来看看用宋体显示出来的是什么样子，代码和效果：Copyright ©2009 www.fwl.name特殊符号 让版权符号更美观" st

前几天在网站看到一个菜单下划线动画效果感觉不错.不过他的效果有缺陷,鼠标快速移动时会导致动画停不下来.自己拿jQuery写了一个,解决了上面的问题,而且菜单的独立性比较好,不会干扰到页面其他的内容.借助了jQuery的功效,对各大浏览器的支持也很好~看演示: http://www.koyoz.com/demo/html/menu/link.html布局结构:

（引用QQ图片）transform:rotate(-30deg);/*兼容性强*/ -ms-transform:rotate(-30deg);/*ie9*/ -o-tranform:rotate(-30deg);/*opera*/ -webkit-transform:rotate(-30deg);/*chrome safria*/ -moz-transform:rotate

本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。1）禁用右键单击功能 如果你想为用户节省网站信息，那么开发者可以使用这段代码——禁用右键单击功能。$(document)

Jquery 实现表格颜色交替变化，点击选中行，鼠标移过颜色变化效果附演示代码 ，喜欢的朋友可以参考下Jquery 实现表格颜色交替变化，点击选中行，鼠标移过颜色变化效果图如下： 源码（Demo）打包下载 html代码如下： 复制代码 代码如下:      .table-tr-title{ height: 26px; font-size: 12p

1、HTML5/CSS3仿Facebook登录表单这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单，无论从外观还是功能上说，这款登录表单还是挺接近Facebook登录表单的。在线演示        源码下载2、CSS3可折叠显示的发光搜索表单这次要分享的一款CSS3表单是一款可折叠显示的发光搜索表单，搜索表单的输入框一开

简洁型css圆角： 方法1：简洁型css圆角矩形 code1: style type="text/css">.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}

本文是从StaticGen网站整理出来的静态站点生成器排行榜。俗话说，不管白猫黑猫，抓到老鼠就是好猫，所以这里整理出来的生成器不分先后，只要是合适的就是最好的。1. Jekyll   主页|托管地址Jekyll是一个静态Blog站点生成器，不管是用在个人、项目还是组织站点，都是很棒的，你可以把Jekyll想象成一个基于文件的CMS，没什么复杂性！Jekyll首先会获得你的内容，然后

现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。查看演示DEMO将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺

AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。  AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的Ang

简单演示一下，精简了演示效果和css样式文件，更利于在项目中的实际应用引入style.css   index.js[html] view plaincopy>  html>    head>      title>index.htmltitle>            meta http-equiv="keywor

注意：所有知识点将不考虑IE6 (￣▽￣")  在制作如上图所示的三角形时，我们基本采用PNG或GIF图片来实现，这种形式在编写代码时较容易掌握，所以得到普遍制作者的认可。但涉及到后期优化维护的话，就需要不断的修改图片，在图形编辑器和代码编辑器之间来回切换，这无疑是加大了工作量。所以，如果单纯利用CSS来写的话，不但可以减少网站零碎图片的数量、减少了加载图片的时

之前使用过这个例子，现在总结说明一下：先给贴代码：01p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">02      省略我吧！03      省略我吧！

随着移动设备的普及，企业的网络宣传已经不能局限在PC端，而需要同时在移动端有所建树。对于公司网站来说，以前都是做的PC端的，当然手机等移动端也可以访问，但是用户体验肯定不如完全适合的手机端来的方便。我们在给自己的网站做了WAP手机网站之后，如果有用户通过手机访问我们的企业顶级域名网站，那就判断跳转到专为的WAP网站。这里老左整理到目前自己在使用的2种JS脚本，因为之前一直有朋友跟我要，所以

在网页设计制作中经常使用到的火狐浏览器插件工具：1. Firebug Firebug是开发人员们钟爱火狐浏览器的一个重要原因，Firebug是火狐浏览器上一个集成式的强大调试环境，很多调试应用插件都 必须基于Firebug平台，包括下面会介绍到了一些Web测试和调试工具，所以Firebug可以说是每一个Web设计开发人员必备的工具。 Firebug – Firefox

什么是CSS Sprite ？不知道您在浏览yahoo.com的网页中是否注意到,yahoo在页面制作上的技术和大多数网站不一样,他们把页面上的 ICON，栏目背景啊，图片按钮啊等都有会有规则的合并一张背景图,然后用background-position来实现背景图片的定位，他们为什么要花费一些时间来合并这些CSS背景图片呢,CSS中用一张背景图做页面的技术到底有什么优势呢? 

Html代码  html>      meta http-equiv="Content-Type" content="text/html; charset=gb2312" />      head>          title>宏飞软件-CSS背景测试title>          style type="text/css">              #chileboy{

有一个方框，我想设定最低高度，就是当内容少时 下面以空白显示，内容多的时候超出的部分使这个方框会自动增加高度，怎么办 min-height:100px;    /*高度最小值设置为：100px*/    height:auto !important; /*兼容FF,IE7也支持 !important标签*/    height:100px; /*兼容ie6*/    ove

背景 Div的应用，以及  div使用下对齐用法：

长出现两种情况（一）margin-top失效   先看下面代码：float:leftclear:both; margin-top:20px;两个层box1和box2，box1具有浮动属性，box2没有，这时候设置box2的上边距 margin-top没有效果。HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

公司招了几个刚毕业的学生，作为重构的新手让我来带。首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会，对我工作的肯定和认可，让我带这样的一个重构团队，同时我也明白任务的艰巨，但我一定会将工作做好，不负公司对我的期望。（哈哈，好像从小到大，老师都是教育我们要这样先说的。）在网站的发展史上，初期的网站建设根本不需要网页重构这个职位，WEB1.0时代的网页，只需要程序员，一堆堆的表格嵌套就完

2008 年推出 Dreamweaver CS4 后，Adobe 引入了对 Subversion 版本控制系统 (VCS) 的支持。推出 Dreamweaver CS5 后，Adobe 继续为 Web 设计人员和开发人员提供 VCS 带来的所有优势，这些优势一直以来得到更传统的代码开发人员的认可和青睐，但更新了对 Subversion 1.6.6 客户端库的支持并新增了几个功能，包括在 VCS库中

摘要：程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站，当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程，快来试试，让你的页面炫起来！1.Contextual Slideout：上下文滑动特效2.Revealing Photo Slider：图片幻灯片特效3.Fancy Box：魔幻盒 4

一 概述：HttpWatch强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出 HttpWatch 是一款能够收集并显示页页深层信息的软件。它不用代理服务器或一些复杂的网络监控工具，就能够在显示网页同时显示网页请求和回应的日志信息。甚至可以显示浏览器缓存和IE

简单方法：IE6,IE7,IE8,FF的兼容方法(2)浏览器兼容代码：浏览器符号 IE6 IE7 IE8 FF * !important _ \9 *html *+html说明：代表能识别；代表不识别 1、案例一（常用）如果各个浏览器的高度都不相同，代码如下： .warp{ Height:100px; /*IE6、IE7、I浏览器兼容代码：浏览器

在一个aspx页面中使用了JQuery，但当IE6浏览器打开这个页面的时候会报“Internet Explorer cannot open the Internet site http://localhost:9001/Index.aspx. Operation aborted”的错误，然后就不能正常浏览此页面。如果使用IE7或者IE8就没有此问题。 将所有的js脚本都使用“”标记注释

你对IE6/IE7/Firefox的margin问题解决办法了解多少，这里和大家分享一下，希望对你的学习有所帮助。IE6/IE7/Firefox的margin问题解决办法这两天在做一个网站的布局，因为经常用firefox，所有的内容都是在firefox下面调试的，等快完工了切回IE7一看，样式差别好多，主要是在margin，padding这几个元素的理解上。我知道ie6ie7f

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS实现鼠标移动到图片，更换图片*{ margin:0; padding:0;}ul li{ list-style:none;}.nav{ width:800px; height:40px

规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器

浮在面的DIV

如果你曾经广泛地使用过图片编辑应用软件（例如，Adobe Photoshop，Pixelmator，GIMP等），那么你可能对混合模式比较熟悉。如同名称中所暗示的，混合模式是指将上层的图像融入下层图像时采用的各种模式。根据您所选择的模式，你会看到不同的融合后的效果。混合模式采取铺设在彼此顶部的两个像素，并结合他们不同的方式进行展现，例如较深的颜色混合模式只会呈现两个像素的颜色较深。在扩展到整...