对我而言，这些都是布局参照及素材提供站点。只是功能性的内容没办法Copy…不过那正是鄙人的努力方向。期待我更好的扒窃作品及早问世。

Read more…

ICON在网站上被越来越多的使用，人们总想让自己的网站变的有趣美观，所以为了迎合这些设计者的需求，专门提供ICON下载的网站也越来越多，本文要为你介绍的就是这些精心挑选的免费下载高质量的ICON网站，你只需要猛击下面的网站缩略图去寻找适合你口味的图标就可以了。

Read more…

十个常用的CSS技巧

CSS在书写代码的时候有很多技巧，掌握这些技巧不仅可以使代码看起来更整洁，还能对CSS起到压缩优化的作用。下面列举10个比较常用的技巧，如果你是CSS初学者，这些对你是相当有用的。

1.CSS字体属性简写规则

一般用CSS设定字体属性是这样做的：

font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;

但也可以把它们全部写到一行上去：

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。

Read more…

第一种：自动展开收缩版。

Read more…

1. Div居中问题

div设置 margin-left, margin-right 为 auto 时已经居中，
IE 不行，IE需要设定body居中，
首先在父级元素定义text-algin: center;
这个的意思就是在父级元素内的内容居中。

2.链接(a标签)的边框与背景

a 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。
参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位,
若不设 height, 可以在 menubar 中插入一个空格。

3.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了
解决方法是
改变CSS属性的排列顺序: L-V-H-A
Code:
<style type="text/css">
<!–
a:link {}
a:visited {}
a:hover {}
a:active {}
–>
</style>    

4. 游标手指cursor

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

5.UL的padding与margin

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

6. FORM标签

Read more…

XHTML+CSS中并非“永远不应该使用Table”。这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，HTML有10个表格相关标签。下面是一个带有简介的列表，但是首先，文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面：

Read more…

用纯CSS来制作圆角DIV的原理，大约都是通过许多DIV的嵌套及margin得来。但是这样存在一个问题:一定会存在一圈被动边框区域。通过Javascript来实现DIV圆角可以很好的解决这个问题！但目前仅限于单个DIV.

步骤：

首先将curvycorners.src.js上传到FTP；

然后在head间添加以下代码，请注意调整路径！

Read more…

前面提到过通过纯css实现圆角矩形，但是代码过分赘余。而且一但页面元素稍有变动，在同一页面重复使用时，代码就更是赘余的一塌糊涂！css3更是不知猴年马月才普及……所以在这里能否寻找到代码相对较为精简的方法呢？考虑了一下，参考相关资料，我尝试这样来操作：

首先，通过FW画一个圆圈，圆角矩形的四个角就是四分之一个圆。通过半径的大小来控制弧度！假设我们画了一个半径为4px的圆作为素材命名为corner.gif 相应的html代码可以这样来写：无论是html代码还是css代码都减少了大概三分之一！

Read more…