CSS, HTML

学无止境的CSS(xHTML+CSS技巧教程资源大全)

学无止境的CSS(xHTML+CSS技巧教程资源大全)

今天在看我博客的访问统计的时候,看到了一个比较熟悉的网址,就是帕兰映像的博客,遂点击链接过去看看,结果发现了一个非常非常值得收藏的文章,这篇文章总结了许许多多CSS(xHTML+CSS或称DIV+CSS)的技巧、教程及资源。其中也有很多值得我学习的知识,相信这些资源对大家来说也是非常值得收藏的,看过之后收获是一定滴!所以转载到自己的博客上跟大家分享一下,在这里先感谢帕兰映像的辛苦总结。值得高兴的是,这篇文章中也包含了很多彬Go以前发表过的一些CSS教程或资源等。各位读者瞪大眼睛准备好哦,以下是原文:

(更多…)

CSS

使用CSS完美实现垂直居中的方法

  使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由aka Yuhů发明的,这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记,大家有不同意见请多拍砖:

先来看看实例效果Demo

(更多…)

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

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 */
}

(更多…)

CSS

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

  CSS兼容问题一直困扰着CSSer,面对各浏览器,往往感觉束手无策,愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。
  
  我进行前端开发的时候,测试用的浏览器大致有: IE7、IE6、Opera9(文章撰写时版本为9.25 8825),Safari3(文章撰写时版本为3.0.4 523.15),Firefox2(文章撰写时版本为2.0.0.11)等。
  
  在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。

(更多…)