Jacken.dev

• 2008-12-21CSS缩写技巧：优化CSS文件的体积
• Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS常用属性代码的简化写法汇总
• 
  margin
  margin-top:1px;
  margin-right:1px;
  margin-bottom:1px;
  margin-left:1px;
  代码简化为：margin:1pxmargin-top:1px;
  margin-right:2px;
  margin-bottom:1px;
  margin-left:2px;
  代码简化为：margin:1px 2px
  margin-top:1px;
  margin-right:2px;
  mar... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21使用css框架的利弊
• CSS框架之利：1、开发效率的提高。
  如果你是一个企业建站的前端开发，相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率，避免一些常见的错误。如果你的工作是按件计费的，你的报酬一定会比别人多。2、规范代码命名。
  在多个站点... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21提高CSS渲染效率-书写高效CSS
• 根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21html为flash加链接，类似href
• 通过简单的A标签给flash加上href链接是不行的,最直接的办法就是在flash里面加入动作,例如getURL("http://www.okajax.com"); 这本文像你介绍另一种方法，无需修改flash，用button为flash加入链接。<button style="width:你的FLASH宽度;height:你的F... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21使网页的背景图片不再抖动
• 最近做页面的时候参考了腾讯网的一个简单的CSS方法，把网页的所有背景图片做到一张图片上，用“background-postion”的方法反复从缓存调用这幅背景，以求增加网页访问速度，效果是出来了，但是在网速慢的时候出现了一个不爽的现象，切换标签的时候，背景出... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21css框架-BlueTripCss
• BlueTrip是一款类似960、Blueprint、YAML的950PX 24-column grid的Css Framework。比较特别的是BlueTrip对网站中Button、Link、Tips等做了一些比较特殊的定义。演示地址：http://www.okajax.com/demo/bluetrip/examples/Features List: 24-column grid Sensi... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21cookie,dom,css,js实现页面换肤
• 页面换肤已经成为web2.0的时尚，看似简单的过程，实现起来却不那么容易，因为它涉及到javascript写入和读取cookie，这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能。效果预览： Html代码部分:
  1.要有一个带id的样式表链接,我们要... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21div+css设计中ID的命名习惯和规范
• 大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21十一条经典css技巧
• 一、 CSS border的缺省值 通常可以设定边界的颜色，宽度和风格，如： border: 3px solid #000 这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。 如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3 到4... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS及其兼容性调试技巧汇总
• CSS开始进入布局领域，并逐渐开始广泛地被使用，越来越多的设计师转向CSS，然而随着使用的逐步深入，会发现使用CSS的一个问题是，懂得越多，遇到的问题就越多。在实际制做网站的时候，总会遇到以前没有碰到过的新问题。就好像我们学了十几年的英语，单词、语法都背了... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS高级技巧之滑动门技术教程
• 滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现。
  滑动门一般用做网站Tab导航, 根据Tab中内容的长短自动缩放Tab的效果.
  前面所述... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21细边框表格的实现方法
• 在HTML中，我们设置border=”1″ 时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时候，我会用表格背景颜色，然后再用另一种颜色设计单元格的背景，再把表格间距设置成1px，这样就能达到我们的1px表格了，如下例：... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21onload 事件的使用方法
• 定义和用法onload 事件会在页面或图像加载完成后立即发生。语法onload="SomeJavaScriptCode" 参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 ... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21网页META标签内容写作规范要点
• 网上营销新观察网络营销讲座关于META标签设计的上一讲内容分析了网页设计中META标签写法的常见错误及后果，目前多数网站对META标签内容写作都存在这样或者那样的问题，这并不是说META标签内容写作有多难，通常只是没有引起足够的重视，没有用心去做罢了。什么样的MET... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21网页META标签的标准写法
• 最近，Danny Sullivan谈到了如何处理的搜索引擎meta标签的问题，以下是一些关于在Google中如何处理这些问题的答案。多内容数值我们建议你把所有的Meta标签内容放在一个meta中。这将使得meta标签更易于读取并降低发生错误的概率。例如：<META NAME="ROBOTS&qu... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21用css设置图片的十七种属性
• 图片外框特征参数:
  ①dashed：虚线
  ②dotted：点虚线
  ③solid：实线
  ④double：双线
  ⑤groove：沟槽状
  ⑥ridge：脊状
  ⑦inset：内嵌
  ⑧outset:外嵌CSS TP特殊效果风格属性
  ①灰/黑：Gray/Xray
  ②差值：Invert
  ③水平：Fliph
  ④垂直：Flipv
  ⑤羽化：Al... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21关于CSS框架网页的设计
• 1、css框架中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS+DIV设计实例：不同色链接和其下划线
• 以下是引用片段：<style type="text/css">a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-decoration:none;}a:hover { color:#FF0000; text-decoration:underline;}a span { color:#333333;}</style> <a href="#"><s... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21对display:inline;与float:left;的认识
• 　　首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21相册的自动播放效果SlideShow
• 　　写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是　　1.每调用一张图片之前先出现loading的过程,　　2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21认识CSS中absolute与relative
• 很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21用CSS实现表格背景颜色渐变效果
• 怎么样用CSS实现表格背景颜色的渐变效果呢，请看下面的例子： function Preview(obj) { var TestWin=open(''); TestWin.document.write(obj.value); } function copyCode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj)... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS初级入门：样式的多次声明
• 　 分项声明 　　搞懂了基本声明和整体声明后，现在要来谈谈分项声明了，这个内容基本上不用多讲，因为并没有什么特别的用法，看看下例就知道了： <style type="text/css"> body{font-size:9pt; font-color:red}body{font-family:宋体; background:white}</... [阅读全文]
• 来源：互联网作者：整理者评论：0

• 2008-12-21CSS初级入门：页面样式的整体声明
• 　　整体声明的方法　　1. 基本上，整体声明有两种方法，第一种就是针对一个标签，然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是：“针对一个标签，然后一次设定好几个样式”：<stype="text/css"> body{font-size:9pt;... [阅读全文]
• 来源：互联网作者：整理者评论：0