CSS
hutaoer06051
这个作者很懒,什么都没留下…
展开
-
IE6下font-size值设置与否对元素height,background产生的影响(一)
第一篇csdn的博客,之前的博客都是在博客园里写的,链接地址:http://www.cnblogs.com/hutaoer/ ,但是之前的写得不够好,也很粗糙,现在从csdn开始,认真的总结,分享。日前所做的一个小项目中,碰到一个IE6的bug,情况如下: 我使用一个文字文字<span class=”picture”>文字文字来描述一段文字,在这段文字中,原创 2012-07-16 08:37:23 · 610 阅读 · 0 评论 -
【译】采用响应式排版的新网站
原文链接:http://ia.net/blog/responsive-typography/作者:OLIVER REICHENSTEIN译者:左御随着不同设备屏幕尺寸的出现和新一代web浏览器的诞生,布局和排版的设计模式已经从静态的布局、系统的字体转变成动态的布局、web字体。现在,不仅屏幕的尺寸在变化,像素密度也在发生变化。换句话说,我们不仅需要响应式的布局,同时也需要响翻译 2013-10-14 14:18:55 · 771 阅读 · 0 评论 -
使用css制作三角,兼容IE6,用到的标签<div><s><span>
使用css来制作三角,在日常用得较多。恰好这几天项目中有用到,之前只是从网上copy下来代码直接用,但是今天在用的时候遇到一些问题,于是借此机会把这个css绘制三角好好研究下吧。我们分别写一个,,标签,并给上下左右四个border赋值不同的颜色,看看是什么样子:html: css:.triangle { width: 20px; hei原创 2013-05-18 07:18:00 · 943 阅读 · 0 评论 -
用css来设置table的border
在网页中table是一种很好的展示数据的标签。默认情况下,table是没有border的,但是我们为了好看,经常要给table加上border。而且IE7/8/9下border的颜色还不一样,下面我们就来看看如何用css来控制table的border的显示。首先,我们创建一个简单的table,代码如下: first row first row原创 2013-05-18 07:17:58 · 2092 阅读 · 0 评论 -
【转】margin-bottom在IE6和IE7下失效的解决办法
今天在处理页面边距时,又遇到这个问题,float元素在设定margin-bottom时在IE6和IE7下会失效,之前就碰到过,但是用其他的办法调试会就过去了,今天遇到就觉得非得正规整理一下,下面请看实例:#box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;}.float_div{float原创 2013-05-18 07:17:55 · 757 阅读 · 0 评论 -
利用css3属性:transition-duration来做简单的动画
transition-duration是属于css3的属性,用来指定对象过渡的持续时间。为了兼容不同的浏览器,需要加上相应的前缀,有以下几种写法,我们设定持续时间为3秒:selector{-webkit-transition-duration: 3s;-moz-transition-duration: 3s;-o-transition-duration: 3s;-ms-tran原创 2013-01-08 19:06:12 · 2322 阅读 · 0 评论 -
最近阅读的一些资料给大家分享:包括视差滚动,虚拟机安装fedora,sublime text2等等
一、最近在学习linux,当然得自己装了linux系统,我在win7下通过虚拟机安装了fedora.我也是个菜鸟,自行百度,谷歌,帮你搞定。虚拟机使用的是:vmware,这个直接百度就能查到。fedora的下载地址:http://mirror.karneval.cz/pub/linux/fedora/linux/具体的安装方法,请参考:1.http://wenku.baidu.com/原创 2012-12-27 14:04:07 · 935 阅读 · 0 评论 -
使用css制作三角,兼容IE6,用到的标签<div><s><span>
使用css来制作三角,在日常用得较多。恰好这几天项目中有用到,之前只是从网上copy下来代码直接用,但是今天在用的时候遇到一些问题,于是借此机会把这个css绘制三角好好研究下吧。我们分别写一个,,标签,并给上下左右四个border赋值不同的颜色,看看是什么样子:html: css:.triangle { width: 20px; height:原创 2012-11-09 13:32:11 · 3301 阅读 · 2 评论 -
用css来设置table的border,考虑兼容性
在网页中table是一种很好的展示数据的标签。默认情况下,table是没有border的,但是我们为了好看,经常要给table加上border。而且IE7/8/9下border的颜色还不一样,下面我们就来看看如何用css来控制table的border的显示。首先,我们创建一个简单的table,代码如下: first row first row原创 2012-11-07 14:35:53 · 1996 阅读 · 0 评论 -
IE8/9下,text-indent对css描绘三角形的影响
不知是哪位牛人发明了用css画三角形这个牛逼的方法,后来这个技术一直流行到现在,的确很好用。在日常项目中也经常会用到这个技术,但是今天在使用的时候,在IE8/9下,使用text-indent的时候会有问题。先看看实例代码,我们在.right这个div的border上面画一个三角形。html代码如下: 画个三角形css代码如下:.right { width: 3原创 2012-11-05 20:22:24 · 1308 阅读 · 0 评论 -
margin-bottom在IE6和IE7下失效的解决办法
今天在处理页面边距时,又遇到这个问题,float元素在设定margin-bottom时在IE6和IE7下会失效,之前就碰到过,但是用其他的办法调试会就过去了,今天遇到就觉得非得正规整理一下,下面请看实例:#box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;}.float_div{float:转载 2012-11-05 16:37:24 · 1513 阅读 · 0 评论 -
IE去掉链接虚线框的几个方法
转载自:http://www.hujuntao.com/archives/ie-remove-the-link-to-the-dotted-rectangle-several-ways.html虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框。方法一:利用javascript的onfocus事件,实现如下:Htm转载 2012-10-24 15:30:52 · 1074 阅读 · 1 评论 -
IE下a标签中内容为空,在页面中无法显示其hover样式的解决方法
最近做一个活动页面,页面中有一个按钮,如果抠图处理单独作为按钮图片的话,效果不是很好,于是想将整个图作为背景,然后在设置一个标签作为按钮通过绝对定位使其与图片中的按钮重合,从而达到点击按钮的效果。一切在chrome和FF下都很顺利,又在IE下栽了跟头。因为在IE下不会出现标签的hover样式,也无法点击。若果将设置背景色,则IE下就可以识别了,但是又没有透明的背景色,于是想到用滤镜,但是IE6又无原创 2012-08-16 16:15:40 · 3930 阅读 · 0 评论 -
IE hasLayout 属性简介[转]
要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元 素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容转载 2012-09-12 16:12:43 · 457 阅读 · 0 评论 -
list-style与list-style-type的区别
在写css代码的时候,经常需要对ul,ol等标签做处理,去掉列表前的项目符号,或者更换成其他符号。一般的用到的样式有以下两种:ul,ol { list-style:none;}ul,ol { list-style-type:none;}这两种写法都生效,但当时却不知道二者的区别是什么,有时候甚至怀疑自己是否记错了,今天看css相关书籍的时候,刚好看到这一部分,于是把原创 2012-08-28 10:26:03 · 2359 阅读 · 1 评论 -
IE haslayout详解(原名:On having layout)
转自蓝色理想:http://www.blueidea.com/tech/site/2006/3698_5.asp英文原文在此:http://www.satzansatz.de/cssd/onhavinglayout.htm文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模转载 2012-09-04 10:51:58 · 998 阅读 · 0 评论 -
IE等主流浏览器css hack,包括IE6,IE7,IE8,IE9,firefox,chrome
对于常用的hack,今天搜集了一下资料,好好的学习了一下,愚人码头的一个测试页面写得比较详尽,链接如下:http://www.fantxi.com/demo/html/browser_detector.html 然后我自己在本地进行了测试,沿用了愚人码头的背景配色,重写了css代码,最后还有一些额外的发现和收获。本次测试主要是针对IE6~IE9,firefox,chrome,opera,I原创 2012-07-27 16:38:30 · 1028 阅读 · 0 评论 -
IE6下font-size值设置与否对元素height,background产生的影响(二)
其实之前做日常项目的时候,发现了font-size设置在IE6下带来的问题,然后去查了下,是由于IE6下div中的默认font-size值是12px,这篇博文有讲到,IE6中设置div的最小高度 ,然后,我自己也写个例子测试一下。仅用IE6和chrome进行对比测试。首先在页面中定义两个div标签,宽度*高度为200px*30pxdiv1div2然后设定其样式,如下:#原创 2012-07-18 10:36:56 · 940 阅读 · 0 评论 -
【译】样式研究:设置易读的文字
原文地址:http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/样式研究是关于网页字体的一系列持续的客座文章。在这篇文章中,Ethan Marcotte 给font size的使用提出了一些建议。是的,没错。这个博客就是讲的如何在网页中设置文本的大小。瞧,我知道你还在那里。我可以听见你翻译 2013-10-15 09:33:28 · 854 阅读 · 0 评论