摘要：
看了好几章，回过头来再看基础部分，感觉就只不同。以下是边看书边敲的代码：代码后面语句和函数部分概念性的东西不多，也不容易混淆，就不浪费空间了。 阅读全文
摘要：
英文原文：http://www.1stwebdesigner.com/resources/css-icons-logos/翻译原文：http://www.17css.com/amazingly-realistic-css3-icons-and-logos/ 尽管被批评为走火入魔，CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计，如果你看到本文介绍的这些精美图标，你绝对不会相信它... 阅读全文
摘要：
参考zhangxinxu的“告别图片—使用字符实现兼容性的圆角尖角效果beta版”，写的一个使用字符实现圆角的效果。 当今WEB设计是一个追求性能的时代，多一张图片就意味着多一次HTTP请求，使用css设计一些简单的效果代替图片，我觉得是一种听起来就很“鸡冻”的做法，终于可以摆脱设计的瓶颈，把主动权把握在自己手里了，呵呵。在这里只是抛砖引... 阅读全文
摘要：
本文简单展示实现网页三栏布局的3种方式。一、第一种：代码稍长，但是比较实用，页面主体先显示出来，也就是网速慢时，网页的主体内容先呈现给浏览者。结构如下：样式：请单击查看Demo二、第二种：比较容易实现，也比较直观，左边的左浮动，右边的有浮动，主体无浮动。缺点是ie6会出现3px bug，这要求栏目宽度固定，所以不太灵活。结构：样式：请单击查看Demo三、第三种：定位布局，同样比较直观，三栏的显示顺... 阅读全文
摘要：
无意中打开一个网站，看到精美的导航条，很多网站都有类似的导航，于是差强人意仿做了一个。网址：http://www.hongshu.com/直接查看Demo下面是HTML结构：代码样式如下：感觉没什么技术难点，就是sprites的运用以及宽度自适应的背景（链接悬浮那里），可就这破玩意儿，还弄了3个小时，效率啊... 阅读全文
摘要：
出处：http://www.csser.name/viewnews-1792 阅读全文
摘要：
英文链接：20 Best Free Fonts For Web Design 你是否在寻找某些清新简洁，体面但是仍然够酷的东西呢？相信下面这20款免费的简洁的字体正是你所要的。而且更妙的是，你不仅仅可以用这些免费的字体来做项目设计，还可以作为网站的标题来向客户展示。它们可读性很强，但是你的眼睛却不会感到乏味。它们全是免费的，所以尽情使用它们吧^_^!1.CREW 362.Garrison Extr... 阅读全文
摘要：
刚安装配置好Windows Live Writer，写篇日志看看效果如何。 代码测试： HTML代码： CSS代码：不知道着色效果如何呢？ 阅读全文
摘要：
原文链接：http://www.woiweb.net/10-web-design-colors.html颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，笔者认为多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。所以，笔者总结了一些著名网站... 阅读全文
摘要：
引自：http://www.queness.com/post/4105/13-amazing-examples-of-html5-and-css3本文将向你展示HTML5和CSS3的强大威力。新的实验性的示例被如此频繁地发布，所以我必须发布别一篇文章! 请确定你拥有最新版本的浏览器，更好的最新的如Safari和Chrome. 就个人而言，我喜欢GoogleBox和The Tribute to th... 阅读全文
摘要：
原文链接：http://www.woiweb.net/30-bestjquery-tutorials.htmljquery是一个轻量级的JavaScript框架，它以写的少做的多为优点，它可以简单的实现事件处理，动画效果，文档处理，Ajax实现等功能，以下是用它来实现的一些效果。1. How to Create an Infinite Scrolling Web Gallery 查看指南查看演示2. Sexy Drop Down Menu w/ jQuery & CSS查看指南查看演示3. How to Build a Lava-Lamp Style Navigation Menu 查看指南查 阅读全文
摘要：
原文链接：http://www.woiweb.net/head-up-in-the-clouds-web-design-that-uses-sky-elements.html设计师在设计中结合不同的自然元素总是令人惊异的，这一次的灵感是云，天空和蓝色的调色板的颜色。在本文中，我们描写的都具有一些填充了天空，云的图像，设计插图的确实非常漂亮的网站。一些该类网站使用的一些素材图片，其中有些使用矢量图或... 阅读全文
摘要：
原文链接：http://www.woiweb.net/50-creative-logos.html如果您已经浏览过一些Logo设计，您有可能已经注意到有一些采取了非常有创意的方法。在本文中，我们将会为您展示独具匠心的50个新颖的有创意的Logo。UptownCowbraTypefaceShy Child Mary and Andy Push the BottleCafe ClickIron Duc... 阅读全文
摘要：
原文：http://www.woiweb.net/35-creative-call-to-action-buttons-for-inspiration.html美好的创意总能让人感到一种清爽，看着舒服，有很好的用户的检验性，即使是很小的一种创新，以下是一些看似微小的动作按钮的设计，与大家分享下。1. Transmission2. Tea round3. Agile web solutions4. ... 阅读全文
摘要：
文本主要展示CSS content及其相关的属性的一些使用技巧:•:before和:after伪元素•content属性•CSS quotes与content属性的结合使用•计数器它们的基本介绍请参考：CSS content, counter-increment 和 counter-reset介绍及用法1、插入生成内容 使用:before 和:after伪元... 阅读全文
摘要：
定位的原理很简单，利用定位，可以准确的定义元素框对于其正常位置应该出现在哪里，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。一、定位属性的基本情况使用position属性对元素进行定位：position属性值：static | absolute | fixed | relative 初始值：static运用范围：所有元素继承值：无计算值：根据指定确定static：元素框正常生成。块级元素生... 阅读全文
摘要：
浮动和定位是CSS布局当中很重要的两种方法，这一篇先讲浮动布局，定位留在下一篇。一、先说说浮动的性质吧，请看HTML代码：代码相应的样式：显示效果部分截图如下：图1 浮动性质（test1）图2 浮动性质（test2）总结得出浮动元素的基本性质：浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示；浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐，但是边框... 阅读全文
摘要：
给菜鸟看的，老鸟飘过~我们在做导航条的时候，通常使用的办法是用一个盒子包住一个无（有）序列表的办法，比如有如下所示HTMl代码：当做的是水平导航条时，有以下三种办法：1、对ul使用"text-align: center;"的办法，然后把li转换为inline元素，设置内外边距可以得到效果，代码如下：这里说明一下，为了更直观的展现是否居中，我给.demo这个盒子添加了边框，给每个<li>... 阅读全文
摘要：
字体使用基本原则：清晰+易读！当你选择某种字体时，必须保证选定的字体不但要在选定的平台上看起来不错，还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境，采用自己喜欢的字体，不要被一些考虑不充分的意见动摇，只要保证你的网站访问者能够阅读它就行。下面是归纳的几种Web安全字体，注意它的用途只是建议性的，不要求一定这样做 ^_^!Web安全字体 字体名称字体类型字体... 阅读全文
摘要：
特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒ Β ΓΓ Γ ΔΔΔΕΕΕΖΖΖ&E... 阅读全文