猫沙盆

　　美工这个东西，说起来真是有些“虚无缥缈”，为什么呢？这是一个真的需要“天分”的行业。对于颜色、布局等等的东西，有的人天生就有直觉，有的人却很“木头”。不过，对于一般的美工设计，还是有规律可循的。　　１．配色　　视觉是非常直接的感觉，而颜色，则往往承载了很多的信息。不同的颜色在我们的心中，会产生不同的感觉。比如红色的热烈、蓝色的清凉、绿色的宁静、紫色的暧昧以及黑色的庄严，这都是在我们日常

框模型（Box model，也译作“盒模型”）是CSS非常重要的概念，也是比较抽象的概念。文档树中的元素都产生矩形的框（Box），这些框影响了元素内容之间的距离、元素内容的位置、背景图片的位置等等。而浏览器根据视觉格式化模型（Visual formatting model）来将这些框布局成访问者看到的样子。

视觉类型的媒体 根据CSS的视觉格式化模型（Visual formatting model）的规则来处理文档树中的元素，从而将(X)HTML转化成制作者设计的样子。我曾在《别具光芒：CSS属性、浏览器兼容与网页布局》一书中，讲解过这些概念，但是很多读者反映内容比较晦涩难懂，所以，我再次重新尝试，把这部分内容重新来编排一下，看看是否能把这些重要的内容讲得更易懂一些。

豆列：学习网页制作基础书籍

此题原形出自youkuaiyun.com论坛 想做到让最外边的 div.wrap 内部不论有多少div（宽/高为100px，1px的边框）都不换行，并且撑开div.wrap，请问有什么办法？就是说实现下面的效果：■■■■■■■■■■■■■■■■........... 这样就不行了：■■■■■■■■■■■■■■■■要

2009-08-09昨天有人在群里问图1的边框效果是否能实现。 边框效果图 有人给出答案，需要嵌套一个元素实现。我当时粗粗写了个测试页面，但是时间太晚了，也没有细弄，今天把想法写出来。CSS的边框border属性经常会用到，但是，其参数值到底有几个？未必大家都知道。 以下是《CSS属性、浏览器兼容与网页布局》中关于边框样式的部分内容：8.8.3 边框样式

 CSS3新增选择器[2]：结构伪类(1)3. E:nth-last-child(n)匹配所有在其父元素中排倒数第 n 个且类型为 E 的元素。这个伪类与:nth-child(n)类似，只是以最后一个子元素为起点计算。提示：以下示例，请使用Google Chrome、Firefox 3.5+、Safari 3.1+或者Opera 9.63+查看。例如：(

原文：IE7-/Win: A box with position:absolute next to a float may disappear很久以前就看过这篇文章，当时写实例的时候正好遇到了这个问题。前几日再次看到这篇文章，就系统地翻译了一下。另外增加了部分截图，方便阅读。非技术性文字部分，就大概齐了，别在意那里。  IE7-/Win: 在浮动元素后的定义了“posi

提示：本文的目的是帮助要面试的同学们了解一下考题出题人的心理，以及避免一些错误。在其他的文章中我就说过，页面的结构化没有唯一的答案，但是大的规则是一定的，所以就如同作文一样，没有标准答案，只有大致的范围。但是，类似页面没有dtd、标签嵌套错误、选择器以“表现”命名都是不合适，或者说不合格的，这个不是什么代码风格问题，而是基础知识。 帮朋友公司出了份前端制作职位考试题，其实题目不

原文：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/猫鱼：本猫的英文水平有限，只能翻译个大概，如果有错误，请指正，万分感谢。don’t use @import                        April 9

　　结构化确实是个让人头疼的工作。为了追求一个好的结构（或者说比较好的），往往需要花费掉很多时间，这在追求效率的今天，也许是不被老板允许的。所以很多网站虽然看上去抛弃了表格布局，而其实质上，仍然是表格布局的div变种。　　看过本文第1部分中笔者修改过的头部结构示例文件，大家会发现，里面不仅改动了所说的4点，同时，具体内容的结构也作了修改，下面就来说说具体的内容结构方面。2、主导航的问题

　　无意间浏览到一个承接网页制作的公司的网站——唐宋中国。　　首先网站的设计给我一个很好的印象，因此特意留意了一下它的源代码（做页面的职业病），结果发现了一些问题，而这些问题，可能正好是学习web标准的人常常会遇到的。懒惰了很久，正在想该写些什么，正好可以以这个网站为例，来探讨一下结构化的一些问题。特别声明：以此网站为例，纯属偶然，请不要有其他的想法，喵喵妙。　　很多人抱怨CS

今天很郁闷，本来以为马上就能完稿了，结果被编辑打击了一番，说书里面的图不够吸引人，实例不够多不够漂 亮，没有发挥彩书的特点等等，让我从本来已经望见彼岸的兴奋一下跌入黑暗的深渊。这篇文，是书里面的一个小节，正好整理到这里，想起每天在群里面对的很多 问题，于是觉得还是贴出来，帮助初学者能更好地入门。看来还要继续把舍弃的最后一章完成，苦难的日子啊，又要继续。虽然浏览器可能存在着很多Bug，但是并不是

GB2312是GBK的子集，GBK是GB18030的子集 GBK是包括中日韩字符的大字符集合 如果是中文的网站 推荐GB2312 GBK有时还是有点问题 为了避免所有乱码问题，应该采用UTF-8，将来要支持国际化也非常方便 UTF-8可以看作是大字符集，它包含了大部分文字的编码。 使用UTF-8的一个好处是其他地区的用户（如香港台湾）无需安装简体中文支持就能正常观看你的文字而不会出现乱码。词条：U

看了网上那么多五彩缤纷的网站，是不是有些心动，也要自己做一个呢？　　不过，在做这个决定之前，首先要问问自己，是否有时间和精力，把网站一直建设下去。因为做一个站看着很简单，但是如果你想要有浏览量、要别人能喜欢， 就必须有属于自己的特色，而且要保证一定的更新速度和质量，不然的话，你的站必将成为网络上的一个被人遗忘的角落。而要保证更新速度和质量，则必须付出时 间和精力。 　　而如果你想要自己的网站有特色

　　既然你已经下定决心要做一个个人网站了，那么，就赶快动手吧。　　不过，所谓“公欲善其事，必先利其器”，先让我们看看，制作个人网站都需要哪方面的知识吧。　　　　１．html　　“Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、

什么让计算机如此快速地普及？自然是包罗万象的软件。　　虽然有很多大虾用记事本来写html页面，但是，如果有好用而且方便的软件来提高工作效率的话，岂不是更好？　　如今流行的网页设计、制作软件首推的，自然是“三剑客”——Fireworks、Dreamweaver和Flash，其他的，还有Photoshop、FrontPage等等，要说谁最好用？这些软件还是各有所长的，所以要善于综合利用才是上上。　　·