专注于前端开发、平面广告、网页设计
<style type=text/css>
.transp-block{background:#000 url(../attachments/month_0812/dangbao.gif) no-repeat right bottom;margin:0px auto;width:502px;height:377px;overflow:hidden}
img.transparent{filter:alpha(opacity=75);moz-opacity:.75;opacity:.75}
</style><div-block>
<img src=”../attachments/month_0808/y2008819135918.jpg” width=”502″ height=”377″ />
</div>
一、重置
首先，很认真的告诉你，总是要重置某些分类。无论你是使用 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则会根据条件显示里面的代码内容。
<!--[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;
