CSS, JavaScript

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

  如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。暴风彬彬收集的这些资源,从非常简单的HTML和CSS导航菜单,到非常复杂和高级的JQuery、JavaScript和MooTools技术,这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用,那就快把本网页收藏以备日后查阅吧!

Read More

CSS

关于Google Chrome的CSS Hack

以下CSS Hack适用于Google Chrome及Safari3.1浏览器,经过下面的代码定义,只有Google Chrome及Safari3.1浏览器中的段落文字才会显示为红色,因为:

1.网页仅仅有一个bady元素

2.仅仅这两个浏览器支持伪类nth-of-type()

3.body:nth-of-type(1) 将匹配唯一的那个body元素.

body:nth-of-type(1) p {
        color: #333333;


CSS

Google Chrome:CSS支持最好的浏览器

  确切的讲它应该是最好的之一,因为还有一个浏览器也同样支持CSS选择器相当全面,那就是Apple的Safari3.1。虽然Google Chrome才发布三天,而且评价褒贬不一,但是他的技术、内核以及现在谈论的CSS支持确实是其他浏览器所无法比拟的,至少它的速度还没有多少人质疑过!

  Google Chrome使用的是safari正在使用的引擎AppleWebKit,版本是525.13,而Safari3.1使用的是最新的版本525.18,具体有什么差别我也不太清楚。至少它们都支持CSS3选择器。

  下面是 Engage 公司的前端开发工程师Estelle 测试整理的Google Chrome对CSS选择器的支持情况,并与其它浏览器进行了对比:

Read More

CSS

CSS HACK:关于Firefox3有效应用

FF3出来有一段时间了,本站对此版本的FF也发布了几篇相关文章。针对FF3的CSS HACK好不容易找到。
MOZILLA 已经对FF所有 3.0一下版本实行了 更新3.0的推送。

大部分都是3.0了,以前的HACK又失效了。

下面的代码是最新的FF3的HACK。只有 FF3支持。呵呵


#hack, x:-moz-any-link, x:default {
/* Firefox 3 style here */
}

Read More

CSS

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范

一.文件命名规范

全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;

二.常用类/ID命名规范

页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright 
导 航:menu
主导航:mainMenu
子导航:subMenu
标 志:logo
标 语:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
按 钮:btn
登 录:login
链 接:link
信息框:manage
……

Read More

CSS, JavaScript, 网页设计

IETester – IE5.5、IE6、IE7、IE8.0下测试页面效果的利器

  CSS兼容性问题一直被大家关注,而调试环境成为很多CSSer头疼的问题。如何在一台电脑中实现多个浏览器版本共存呢。

  而今天52CSS.com向大家介绍一款新的工具IETester。这款工作... Read More

CSS

目前非常全面的CSS兼容问题资料汇集

  CSS兼容问题一直困扰着CSSer,面对各浏览器,往往感觉束手无策,愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致... Read More

CSS

利用CSS Friendly Control Adapters将ASP.NET控件转为符合WEB标准标签控件

  利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准的、有语意的HTML页面 CSS 样式表控制。
例如,Menu、TreeView等控件均将输出< table>标签,而基于Web标准中的“有语意的”这一... Read More