标签归档：CSS

用css制作无图片三角形

发表于2013 年 6 月 1 日由reake

今天在站长平台上看到一篇关于 ” 网站性能优化之CSS无图片技术”的文章，感触比较深，有做前端的我，自叹不如，高手如云。

特意取一段css代码试了一下，纯css制作的三角形，神奇，贴分享

CSS代码：

.arrow {
display:block;
width:0;
heig[……]阅读全文

发表在 CSS Hack | 标签为 , , | 留下评论

快速学习CSS的顺口溜和布局口诀

发表于2012 年 9 月 10 日由reake

IE边框若显若无，须注意，定是高度设置已忘记；

浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

三像素文本慢移不必慌，高度设置帮你忙；

兼容各个浏览须注意，默认设置行高可能是杀 手；

独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；

学布局须思路[……]阅读全文

发表在 CSS Hack | 标签为 | 留下评论

13条css hack常见问题解答

发表于2012 年 6 月 29 日由reake

很多的时候，我们就是去改下，或者利用各个浏览器对代码支持的不一致，进行针对各个浏览器进行不同的定义。

其实浏览器的不兼容，我们往往是各个浏览器对于一些定义不一致所导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。

下面是13条情况仅供参考：

1. 文字本身的大小不兼容[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

CSS hack 兼容IE6/IE7/FF的通用方法

发表于2012 年 5 月 1 日由reake

于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK以下两种方法几乎能解决现今所有HACK.
1, !important 
随着IE7对!important的支持, !importan[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

CSS命名规范合集

发表于2012 年 1 月 5 日由reake

页头：header  如：#header{属性:属性值;}或.header{属性:属性值;}
登录条：loginBar         标志：logo                侧栏：sideBar
广告：banner              导航：nav                 子导[……]阅读全文

发表在 CSS Hack | 标签为 , , | 留下评论

macvim安装Zen-Coding插件

发表于2011 年 12 月 23 日由reake

这两天自定义配置苹果电脑下的macvim神器(参考:整理并学习macvim神器)，折腾了一天，还是决定自己个性配置并学习，虽然周期和过程是曲折的，但结果是快乐的。

然后为macvim插上第一款插件Zen Coding，是一个很不错的快速写HTML/CSS代码的方式，受到了不少前端人士的追捧和青睐，[……]阅读全文

发表在 Apple | 标签为 , , , , | 一条评论

height:100%和height:auto的区别

发表于2011 年 11 月 9 日由reake

一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。

今天又浮现了同样的问题，百度细看和群里的朋[……]阅读全文

发表在 CSS Hack | 标签为 , | 一条评论

CSS:alpha背景透明

发表于2008 年 11 月 16 日由reake

在各浏览器下用css实现背景透明。 但有个bug就是div中的所有元素都透明。这个问题一直困扰着我，有幸找到一种解决办法，就是加上span元素，在span中定义 position:relative，我也不知道为何加绝对定位就能解决，有时候方法就这么神奇似的。遗憾的是这个方法也只针对IE，其他浏览器还[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

重置默认样式 css reset 分享

发表于2008 年 11 月 16 日由reake

最近看到一个词叫css reset。什么叫做css reset呢？我理解为重置css，也就是重置默认样式。我在HTML下的默认样式中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个人的用法和写法[……]阅读全文

发表在 CSS Hack | 标签为 , , , | 留下评论