容我织梦

一、重置

首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset，或者你自己编写的重置代码，只要使用就对了。
它能很简单的移除所有元素的填充（padding）和边距（margin）：

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Eric Meyer Reset和YUI Reset都是非常强大的，但是对于我而言，它们走的太远了。我觉得你最终需要重置一切，然后重新定义所有元素的属性。这就是为什么Eric Meyer推荐更有效的使用（重置样式表），而你不要只是使用他的重置样式表，将它拖放到你的项目中。调整它（的重置样式表），建立属于自己的重置样式 表。
噢，请停止使用：
全文阅读 »

以前发过一个PHOTOSHOP快捷键大全，今天也在我爱设计看到了这个CorelDRAW 快捷键大全。觉得很有用，省时省力，事半功倍。

主界面

显示导航窗口(Navigator window) 【N】
运行 Visual Basic 应用程序的编辑器 【Alt】+【F11】
保存当前的图形 【Ctrl】+【S】
打开编辑文本对话框 【Ctrl】+【Shift】+【T】
擦除图形的一部分或将一个对象分为两个封闭路径 【X】
撤消上一次的操作 【Ctrl】+【Z】
撤消上一次的操作 【Alt】+【Backspase】
垂直定距对齐选择对象的中心 【Shift】+【A】
垂直分散对齐选择对象的中心 【Shift】+【C】
垂直对齐选择对象的中心 【C】
将文本更改为垂直排布（切换式） 【Ctrl】+【.】
打开一个已有绘图文档 【Ctrl】+【O】
打印当前的图形 【Ctrl】+【P】
打开“大小工具卷帘” 【Alt】+【F10】
运行缩放动作然后返回前一个工具 【F2】
运行缩放动作然后返回前一个工具 【Z】
导出文本或对象到另一种格式 【Ctrl】+【E】
导入文本或对象 【Ctrl】+【I】
发送选择的对象到后面 【Shift】+【B】

全文阅读 »

前端的朋友肯定会对这个不是很陌生，因为工作中汇经常用到这个，当然，也是有利有弊，看个人平时的习惯写法了。

IE条件注释是在IE5.0/Win以后才被支持的，一般用于hack。既然是“IE”条件注释，所以只有IE才能识别才有效果。IE条件注释是用来判断IE浏览器版本的。其基本结构和HTML的注释()是一样的，因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们，而IE则会根据条件显示里面的代码内容。

IE条件注释的基本语法有：

<!--[if IE]>
这段文字只有IE浏览器才可以显示
<![endif]-->


全文阅读 »

一、组件简介
lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。
它的主要特点有：
代码简洁：整个组件所有代码总共18K，如果不算上图片和CSS样式表文件，总共大小才12K不到。（这是在代码未压缩情况下）
程序运行效率高：弹出窗口在打开和拖动时非常流畅，在同等测试条件下，CUP的占有率在30%左右，最高不超过40%。而其它弹出 窗口（比如：JQuery，ExtJs，Mootools，还有其它弹出窗口等）CUP的占有率都在50%左右，最高60%以上。
窗口样式更改简便：组件采用的是QQ2009窗口的界面，虽说不上很漂亮，但也不算难看（本个界面设计能力较差:-)…）如果你 想更改窗口样式也很容易，组件采用的是静态模板来设计的窗口的样式，你只要更改lhgdialog.html里body 之间的HTML代码，再相应改下lhgdialog.css样式表文件即可。而且组件样式不受调用页面限制，可随意更改 你想要的样式。

全文阅读 »

21. 游标手指cursor

cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以

22.UL的padding与margin

ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

23. FORM标签

这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}给定义死了,所以后面就不会为这个头疼了.

全文阅读 »

11.如何对齐文本与文本输入框

加上 vertical-align:middle;
＜style type=”text/css”>
＜!–
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
–>
＜/style>

12.web标准中定义id与class有什么区别吗

一.web标准中是不容许重复ID的,比如 div id=”aa” 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二.属性的优先级问题
ID 的优先级要高于class,看上面的例子

三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.

全文阅读 »

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如：
＜#div id=”imfloat”>
相应的css为
#imfloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}

3.浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

全文阅读 »

父亲，一个伟大的名字。我不是崇尚西洋的这个节日，只是利用这个人人都喊着父亲节的日子里，以此为借口，来为您写下几行文字，爸，您辛苦了。

父亲是一把苍老的犁

岁月的犁痕里 闪现出

我的影子

平平仄仄的韵律 父亲

擎着大唐的汉赋 匆匆走在

生活的阡陌之上

全文阅读 »

前段时间，工作中有用到一个客户分析柱状图，当时实现方法是FLASH+xml实现的，效果确实很绚丽，但是要要加载FLASH，如果有些客户没有安装FLASH播放器的话，（嗯没错，这不是开玩笑，有些客户点鼠标都觉得是很不方便的事）就没法看到这个分析表，这确实是个问题。

无意中看到网页教学网上有这么一个效果，研究了一下，修改了部分代码,添加了更具合理的排列方式。
全文阅读 »

开篇的时候总是在想，这个叫星级评定到底贴切不贴切，总之大家知道是这么个效果就好了。大家先看一下截图吧

1. 定义一个UL列表（当然如果你喜欢可以使用其他标签）
2. 设定每个LI项目为为display:inline，然他们单行显示,然后每个LI下的A设置背景，默认为未加亮星星，本例里图片的宽度 是 30像素，所以这个宽度要和图片宽度是一致的。
3. 给每个A设置鼠标请过效果。
4. 大家可以看到UL使用到了相对定位，目的就是要设定一个标签让他有已经评分后加亮星星的效果，这一步也是整个实现过程的灵魂，前面我们说过，每个图片是30像素的宽度，所以这里设定的宽度当然是以30为递增的。一个就是30像素，2个是60像素，以此类推。
5. 如果要实现半个加亮星星的效果，只需要设置宽度为30的一半即可。
全文阅读 »