阿彌陀佛

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  CSS

CSS2.0,CSS3.0
CSS 中 em px 区别
摘要：这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是 阅读全文
posted @ 2011-05-22 20:56 阿彌陀佛 阅读(230) 评论(0) 推荐(0)

区分CSS中position定位属性absolute与relative
摘要：absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定positio 阅读全文
posted @ 2011-05-22 20:54 阿彌陀佛 阅读(276) 评论(0) 推荐(0)

兼容各大主流浏览器的css手册
摘要：从网上整理了一些浏览器兼容的css方法，兼容IE6\IE7\IE8\Chrome\firefox等主流浏览器。div类1. 居中问题div里的内容，IE默认为居中，而FF默认为左对齐可以尝试增加代码margin:auto2. 高度问题两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节，比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候，则需要在di 阅读全文
posted @ 2011-05-22 16:37 阿彌陀佛 阅读(587) 评论(0) 推荐(0)

去掉button按钮左右两边的留白
摘要：button按钮，如果文字太多的话，左右两边留白也会很多，这样很不美观，而且是每个浏览器左右留白的宽度不一，那么我们就用一个简单的css来解决这个问题，精益求精吗！html<!DOCTYPE html><html><head><meta charset="utf-8" /><style>*{padding:0; margin:0}input,button{overflow:visible;padding:0;}</style></head><body><form id=&q 阅读全文
posted @ 2011-05-22 16:28 阿彌陀佛 阅读(757) 评论(0) 推荐(0)

关于CSS样式优先级
摘要：一般情况下：[内联样式 [1.0.0.0] > [4位特殊性标志] > 声明先后顺序内联样式 > ID选择器 > 类，属性，伪类 选择器 > 元素标签，伪元素 选择器[1.0.0.0] [0.1.0.0] [0.0.1.0] [0.0.0.1]!important > [ id > class > tag ]使用!important可以改变优先级别为最高，其次是style对象，然后是id > class >tag ，另外，另外在同级样式按照申明的顺序后出现的样式具有高优先级。先来看下!important 这个诡异的东西。1<st 阅读全文
posted @ 2011-05-22 16:25 阿彌陀佛 阅读(190) 评论(0) 推荐(0)

兼容所有浏览器的半透明背景且不透明文字的CSS写法
摘要：CSS有了rgba属性，可以很方便的实现背景透明，但问题主要出在IE上…再怎么骂也没用了，它也不会按标准走的，IE家族只能使用其特有的filter属性。FireFoxrgba是CSS3中的属性，支持W3标准的浏览器都可以现实的，比如webkit核心的background:rgba(255, 0, 0, 0.5);background:rgba([red:0~255],[green:0~255],[blue:0~255],[alpha:0~1]);演示地址IE对于IE有多种方法可以实现我个人比较喜欢用IE的专属标签来修复“<!–[if IE]><[!endif]–>”，原 阅读全文
posted @ 2011-05-16 15:37 阿彌陀佛 阅读(706) 评论(0) 推荐(0)

让IE6,IE7,IE8支持css3属性
摘要：IE6，7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让ie支持border-radius (rounded), box-shadow ( shadow), text-shadow等这些属性呢？这里介绍一个通过htc脚本实现这些属性的方法。首先下载ie-css3.htc脚本。然后在css中加入 behavior: url(ie-css3.htc);.box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15 阅读全文
posted @ 2011-05-10 14:05 阿彌陀佛 阅读(202) 评论(0) 推荐(0)