标签归档:CSS

用css制作无图片三角形

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

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

CSS代码:

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

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

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

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

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

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

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

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

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

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

13条css hack常见问题解答

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

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

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

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

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

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

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

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

CSS命名规范合集

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

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

macvim安装Zen-Coding插件

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

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

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

height:100%和height:auto的区别

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

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

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

CSS:alpha背景透明

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

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

重置默认样式 css reset 分享

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

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