[ ARTERY.cn 最近更新 ]

[ ARTERY.cn 热门排行 ]

[ ARTERY.cn 回声排行 ]

2009-12-08

css样式名规范命名建议

在写CSS的时候，经常为一些名字而发愁，比如说菜单后面的背景要用什么词来表示呢？大家都知道，菜单一般用menu来表示，那么菜单后面的背景我会用menubg，CSS里就写#menubg {…}。(一)常用的CSS命名规则　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-11-11

50个令人叹为观止的JavaScript应用站点

随着诸如 jQuery， Mootools， Prototype 一类的 JavaScript 框架的崛起，Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript，却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来，Flash 并不是他们的首要选择，因为 Flash 至今对搜索引擎仍是不透明的，另外，Flash 的渲染需要浏览器插件，而 JavaScript 的一切都是本地的。 Tabs Aviary - http://aviary.comAviary 使用了非常圆润的 Tab 效果，点击 Tab 后

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-11-11

CSS网页布局的意义与副作用

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

发布: artery | 分类: WEB标准化 | 评论: 1 | 来源: [ 阅读全文 ]

2009-11-11

CSS教程：网页版面设计无效的10个原因

W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。1、不要担心验证程序的警告：如果验证程序说发现12处错误以及83处警告，不要理它，继续进行下一步。2、一次更正一个错误：按顺序进展工作，从上到下，一次修正一个

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-09-11

CSS边框阴影的实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS边框阴影_Code by http://www.codefans.net</title> <style> .dropshadow2{ float:left; clear:left; background: url(http://codefans.net/jscss/demoimg/200903/shadowAlpha.png) no-repeat bottom right !important; bac

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-09-11

可保存位置并自动吸附的JavaScript拖动层

这个拖动实例很不错，可以自动保存拖动位置，利用COOKIES技术，刷新页面不会恢复原样，可以记录用户的拖动操作，而且在拖动时候会根据鼠标位置自动寻找适合自己的目标位置，并自动吸附，如果你正在为此而犯愁，本段代码可以给你一个很好的参考。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e

发布: artery | 分类: WEB标准化 | 评论: 1 | 来源: [ 阅读全文 ]

2009-09-11

CSS网页布局的意义与副作用

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-09-11

网页版面设计无效的10个原因

W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。 1、不要担心验证程序的警告：如果验证程序说发现12处错误以及83处警告，不要理它，继续进行下一步。 2、一次更正一个错误：按顺序进展工作，从上到下，一次修正

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

2009-09-04

关于网站布局的合理性

网站的技术随着时代的步伐在不但的进步，但正如你所看到的一样，网站的页面布局并没有跟上网络技术的步伐，当然回首很久以前，从事网站建设的朋友也会感觉到这种布局的变化。因此，网站的布局决定了整个网站和用户交互的体验而变得越来越重要，因此，本文就针对网站的布局谈谈自己的看法。一、网页布局的基本概念最开始，网站建设呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能

发布: artery | 分类: WEB标准化 | 评论: 2 | 来源: [ 阅读全文 ]

2009-07-03

CSS盒模型

网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。这个图表很好地展示了作用于页面上任意盒子的数值。注意以上两个例子中，margin 都是白色的。Margin 比较特别，它不会影响盒子本身的大小，但是它会影响和盒子有关的其他内容，因此 margin 是盒模型的一个重要的组成部分。盒子本身的大小是这样计算的：Width

发布: artery | 分类: WEB标准化 | 评论: 0 | 来源: [ 阅读全文 ]

页次：1/5 每页10 总数41　　首页上一页下一页尾页　　转到: