摘要： CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页　眉：header内　容：content容　器：container页　脚：footer版　权：copyright　导　航：menu主导航：mainMenu子导航：subMenu标　志：logo标... 阅读全文

摘要： CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。CSS类命名的语义化VS结构化方式　　一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, small-title…这些都属于结构化定义的例子。让我们看看下面这个例子:　　…而现在我们想把页面中的元素调换一下位置，如果你使用的是结构化方式(1 阅读全文

摘要： Unicode – CSS中文字体转编码Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的，尤其是{}中，因此通过参照下表将其对应转编，可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的，比如：微软雅黑，我们在CSS中的设置为也可以是对应的unicode 但微软雅黑对应的unicode2即微软正黑体写在样式文档里是没有效果的，因为unicode2是以文本形式输出的，这个可以将对应的un 阅读全文

摘要： 在设计一个网站时，我们有很多因素要考虑，比如菜单，导航按钮，表单，页眉，页脚等许多特别重要的设计细节。今天，这篇文章列举了圆形元素在网页设计中应用得非常好的例子，向您展示美丽的圆形按钮，菜单，图片和其他细节。你会看到，如果设计得当，圆形的应用可以让你的网站界看起来相当独特新颖。Lucia Soto圆形元素也可以作为布局的主题部分。Alexarts多彩的圆形元素，非常漂亮。Cappen主题图片以圆形轮廓为基础。Teixidó优雅漂亮的圆形元素。Cat Rabbit头部和尾部都布置了圆形元素，挺不错。Awesome显眼的圆形导航按钮。Youandigraphics非常漂亮的圆形元素和 阅读全文

摘要： CSS书写顺序 *{ /*显示属性*/displaypositionfloatclearcursor…/*盒模型*/marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/colorfontcontent/*边框背景 为什么要把 boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便，哈哈。*/borderbackground}下表顺序为从上到下，从左到右：========================display || visibi 阅读全文

摘要： 在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，本文为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。CSS导航及菜单教程s01.高级CSS菜单 : Webdesignerwall02.导航教程 : Ehousestudio03.技巧: 为Wordpress导航使用滑动门 : Wphacks04.: Howtocreate05.下拉式 : Dave-woods06.横向动画标签 : Dynamicdrive07.横向菜单， 阅读全文

摘要： 01. T-20在线预览 下载该模板02. Shape在线预览 下载该模板03. Your Business在线预览 下载该模板04.Solitude 在线预览 下载该模板05. Fashion Club (Registration Required)在线预览 下载该模板06. O’No! Typography在线预览 下载该模板07.Projection 在线预览 下载该模板08.Fresh Restaurant 在线预览 下载该模板09.Jungleland 1.0 在线预览 下载该模板10.SindromK 在线预览 下载该模板11. Environment Brand Design在线 阅读全文

摘要： 如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。但今天要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的例子就可以应用于自己的网站了。收集的这些资源，从非常简单的HTML和CSS导航菜单，到非常复杂和高级的JQuery、JavaScript和MooTools技术，这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用，那就快把本网页收藏以备日后查阅吧！1.Fancy menu- 非常酷的导航菜单:2. 专为Mac爱好者开发的CSS dock菜单，使用jQuery框架。下载 dock 菜单3.37个不同的CSS导 阅读全文

摘要： 1.GreyBox　　GreyBox允许你以模式窗口的形式运行其它网站(类似于弹出式窗口，但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接，但你又不想让你的用户离开你的网站或不想让他们打开另一个浏览器窗口的话，这真的是一个很好的解决方案。使用GreyBox 非常简单。　　这里是关于GreyBox的关键页面:下载页面,说明页面,实例,安装,和高级用法(如果你是JavaScript高手，看完这个页面中的一些技巧说明，你就能扩展它的函数库了)2.instant.js　　instant.js特效会为你的照片动态添加类似偏振(Polaroid-like)的效果(将照片倾斜并添加阴影和边 阅读全文

摘要： 工具&Web应用13个可能会让你说”Thank You”的必不可少的开源应用14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我们可能已经忘记的适合网页设计师的很棒的Web应用50+能提高你的网站速度和性能的技巧和资源15个可以监视网站人气的工具20个免费的SEO网站分析工具(已翻译成中文)11个功能强大甚至可以替代标准应用程序的Firefox3扩展插件10个你至少应该了解的免费照片管理软件作为Web前端开发工程师应到感谢的15件事15个前端开发/网页设计师必备的Bookmarklet(已翻译成中文)20大的PHP开发框架66个学习网页设计基础的链接Web开发工具箱： 阅读全文