绘制过程要注意体积感、金属质感、立体感的细致刻画，还要注意光线方向处理，教程有一定的难度，感兴趣的网友可选择学习。先来看看效果图：效果图1、绘制草稿。直接用大直径笔刷塑造面。这一步可以随意些，只要自己能分辨出各个部分是什么就可以。这里我打开了导航器，这样方便观察整体。图1绘制草稿2、进一步细致的区分出各个面。注意调整笔...

[阅读全文]

不论任何一种新技术的出现都必然会遇到前进的困难，而WEB标准在国内的困难就是“开发速度的下降”与“开发技术的提升”。很多人在接触之后就决定退出了，原因在经典论坛里很容易就可以找到，很多人列举了很多例子出来说明WEB标准的末路。WEB标准是不是真的就会走向末路？我很坚定的说...

[阅读全文]

CSS框架之利：1、开发效率的提高。如果你是一个企业建站的前端开发，相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率，避免一些常见的错误。如果你的工作是按件计费的，你的报酬一定会比别人多。2、规范代码命名。在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的css框架，...

[阅读全文]

在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在52CSS.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以在52CSS.com进行搜索，扩展您所想要得到...

[阅读全文]

CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSSbug是我们必须掌握的技能。现在整理出最常用的12种CSSBUG解决...

[阅读全文]

用HTML制作网页就象是用画笔绘制一幅图画。只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果，这并不是正确的工具和灵活性就可以实现的。任何使用过HTML一个多星期的人都知道HTML是一种非常好的网页制作工具。所以有时候我们不得不制作体积相当大的GIF图象以获得想要的字体和布局。同样，有时候也不得不使用各种表格...

[阅读全文]

今天要学习的CSS特点包括：字模系列字号字重字体风格字体参数文字变形文字修饰字体2.2按照字体名称调用字体第1个问题：你如何指示浏览器显示你希望的字体?仅仅在字模后面键入字体的名称就行了吗？很可惜，事情还不是这么简单，字体在各个操作平台之上叫的名称可能会有变化。比如，Courier在MAC机上叫做COurierNew。...

[阅读全文]

W3C近日发布两项标准，XHTMLBasic1.1及移动Web最佳实践1.0。这两项标准均针对移动Web，其中，XHTMLBasic1.1是W3C建议的移动Web置标语言。W3C从移动Web最佳实践中总结了10条最基本的规则：为多种设备设计一致的Web网页。在设计移动Web网页的时候，必须考虑到各种设备，以降低成本，增...

[阅读全文]

overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什...

[阅读全文]

这篇文章主要讲了CSS对背景图片渲染效率的一些经验和研究：书写高效的CSS-漫谈CSS的渲染效率http://www.52css.com/article.asp?id=787CSS对Web页面载入效率的影响http://www.52css.com/article.asp?id=751树型结构竖线用样式表（背景图）来实现...

[阅读全文]

CSSdiv网页布局对SEO的影响漫谈SEO是指搜索引擎优化，主要就是通过对网站的结构、标签、排版等各方面的优化，使搜索引擎更容易抓取网站的内容，并且让网站的各个网页在等搜索引擎中获得较高的评分，从而获得较好的排名。DIVCSS网页布局对SEO有着积极而富有意义的影响。看以下几个方面：一、精简网页代码使用DIVCSS布...

[阅读全文]

对颜色的控制，CSS编码必不可少。在这方面52CSS.com涉及的不是很多。但这是基础知识，新手朋友需要作一些了解，老手们就可以省略不看了。从理论上说，CSS可以处理的颜色数量大概是：16,777,216。够用了吧。如何表现这些颜色呢，主要是通过三种形式：ExampleSourceCode1、名称如：blue2、RGB...

[阅读全文]

FAVICON.ICO知识基础FavoritesIcon其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。可以出现在浏览器标题选项卡、URL前、收藏夹中，大小为16*16，目前IE6好像不支持自定义Favicon，IE7仅支持ICO格式，FF/Opera支持GIF/PNG/ICO/JPG等格式。...

[阅读全文]

使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时，使用line-height即可（高度与父层容器一致），更多的垂直居中总结可以看这里。清除容器浮动#main{overflow:hidden;}期前也提到过这样的问题，更多信息可以看这里。不让链接折行a{whit...

[阅读全文]

对Web标准的修订做得越多，Web开发的正确方向越值得怀疑。InfoWorld的NeilMcAllister对Web开发的现状与未来做了很好的思考。最近，ECMAScript4标准被弃用(请参阅：Javascript2前途尘埃落定)，统一为ECMAScript3.1，如果任ECMAScript4发展，Javascrip...

[阅读全文]

作者的话今天抽了点时间开始写一个新手教程，此教程是针对初学者写的，写作方式也很随意，我也没有计划写多少课，有空到时候就来写写。把自己的一些经验都写出来，供大家参考。本人也不是非常专业，如果有错误的地方还请多多纠正。首先我先说明一下，CSS的功能其实就是定义HMTL标签显示效果的。（如果不知道HTML是什么，请点击这里学...

[阅读全文]

YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。仔细研究了下YSlow跌评分规则。主要有12条：1.MakefewerHTTPrequests尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CS...

[阅读全文]

CSS样式和JavaScript脚本是应该放在外部文件中呢，还是把它们放在页面本身之内呢？如何处理是关于一些性能规则的思维，本文就这些问题，作一些探讨。在实际应用中使用外部文件可以提高页面速度，因为CSS样式和JavaScript脚本文件都能在客户端产生缓存。内置在HTML文档中的CSS样式和JavaScript脚本则...

[阅读全文]

CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页　眉：header内　容：content容　器：container页　脚：footer版　权：copyright　...

[阅读全文]

一个网站能切换不同的CSS风格大家应该都了解，像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。根据时间自动调整站点风格是不错的想法，这种根据时间自动调整站点风格也不是什么新鲜事，记得好久以前也见过类似的文章或方法，只不过当时没有特别注意。下面说一下它们的实现方法，目前网上有这样两种实现方法：一、采用服务端的代码AS...

[阅读全文]

下面的图片是本案例中的链接背景图片：下面是XHTML编码：<divid="pagebar"><ahref="#"><<</a><spanclass="page_now">1</span><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a><ahref="#">5</a><ah...

[阅读全文]

如果不是因为总监审查严格，一定要求这个细节解决掉，也许我也不会去深究根源性的解决办法，再此感谢MTIME负责而严格的同事。首先描述一下问题：如果所示，在IE下当一行文字同时有英文跟中文的时候，链接下划线就会发生折行，也就表示这个时候中英文是没有对齐的！（FIREFOX不受此问题影响）但是经过测试，默认的直接在页面里设置...

[阅读全文]

天终于抽了点时间来下第二课教程。没有学第一课的同学请点击这里先学习第一课！本教程每课都会有实例，也就是围绕例子来说明一些问题。大家学习的过程中多在运行代码框中修改代码，运行看看效果。CSS其实学起来很容易，但是如果真的应用到工作中就不那么轻松，因为细节的许多问题需要想的到才行，并且排版大型门户网站的时候，频道，页面非常...

[阅读全文]

随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计...

[阅读全文]

关于CSSHACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。FF浏览器.test{height:20px;background-color:orange;}IE7浏览器*+html.test{/*IE7*/height:20px;background-...

[阅读全文]

CSSExpression也称为CSS表达式，它是动态设置CSS属性的强大方法，但也存在着一定的危险性。在CSSExpression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。CSSExpression在其它浏览器中不起作用，因此在跨浏览器的编码中单独针对IE设置时会比较...

[阅读全文]

在大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法，...

[阅读全文]

关于CSS盒模型的教程可能经常看到，不过还有一些新手朋友没有搞清楚，通过下面的两张图片，大家可以很清楚的看到border、margin、padding的关系。边框属性(border)用来设定一个元素的边线；外边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离；内边距属性(padding)是用来...

[阅读全文]

Firefox是什么就不用说了，地球上的站长都知道，他的浏览器市场占有率仅次于IE，尤其被各大小站长所喜爱。除了大家都熟知的标签显示，定制外观等许多功能外，被站长们喜欢的还有以下两个重要原因，一是Firefox是完全符合W3C标准的，而IE却自成体系，搞自己的一套，导致很多网页只能在IE下浏览，可怜的站长们为了保证所有...

[阅读全文]

如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的例子就可以应用于自己的网站了。暴风彬彬收集的这些资源，从非常简单的HTML和CSS导航菜单，到非常复杂和高级的JQuery、JavaScri...

[阅读全文]