CSS技巧:一段CSS代码让你的广告位“立起来”
很多网站上都会投放广告,但一般情况下广告都不那么“好看”,如果我们对广告位稍微进行美化,说不定能出人意料呢。今天就跟大家分享一段 CSS 代码让你的广告位“立起来”。 广告对于网站来说一直是一...
很多网站上都会投放广告,但一般情况下广告都不那么“好看”,如果我们对广告位稍微进行美化,说不定能出人意料呢。今天就跟大家分享一段 CSS 代码让你的广告位“立起来”。 广告对于网站来说一直是一...
一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来判断到顶使用怎样的方法来使元素居中。 i...
IE6下为什么会出现双倍外边距呢?这些都是IE特有的属性haslayout造成的,想知道原理的读者可以看下haslayout相关文章。 IE6双倍外边距出现的条件 当浮动元素的浮动方向和浮动边界的方向一致时才会出现。 元素向左浮动并且设置了...
IE8和火狐(以下简称FF)基本一致,来看下IE6,IE7,FF的识别方式 _是针对IE6的CSS HACK,其他浏览器均不能识别_ body{ _background:purple; } IE6,IE7能识别*,FF和IE8不能识别 *b...
在IE6中,把li左浮动后,在最右侧经常会出现竖直排列的情况,而在火狐浏览器中文字放不下了会自动换行。 CSS代码 *{ list-style:none; padding:0; margin:0; font-size:14px; } .sj...
IE6的3像素bug产生原因 当浮动元素与非浮动元素相邻时,它们之间会有3像素的空隙,这就是著名的IE6的3像素Bug。 IE6的3像素bug解决方法 针对IE6给浮动元素增加-3像素的外边距,代码为_margin-right:-3px; ...
box-shadow是CSS3的属性,使用box-shadow终于可以使用纯代码实现阴影效果。 box-shadow有六个可设值 img{box-shadow:阴影类型 X轴位移 Y轴位移 阴影模糊值 阴影边框 阴影颜色 } 当不设阴影类型...
IE8和火狐(以下简称FF)基本一致,来看下IE6,IE7,FF的识别方式 因为IE系列浏览器可读「9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CS...
语法 text-overflow : clip | ellipsis 参数 clip : 不显示省略标记(…),而是简单的裁切(一般不会用它) ellipsis : 当对象内文本溢出时显示省略标记(…) 用法 必须配合 white-spa...
Verdana是为屏幕阅读设计的热门字体之一,设计简单直接,字母和字形不容易混淆。例如大写I和小写L有不同的形状,而在Arial字体中这两个字形很容易混淆。 Arial 可能造成混淆 Ill 369 Verdana 区别很清楚 Ill 36...
因为IE 7+支持:hover,因此使用条件注释,只针对IE 6-调用该JS文件。 <!–[if lte IE 6]> <script type="text/JavaScript" lang...
表单中的提交按钮button,在清理了其默认样式后,在IE6和IE7下仍然存在黑边,显得有点丑陋,不过总归是有办法的。比如,你的登录表单中有一个登录按钮,当登录按钮得到焦点,并且消失焦点后,登录按钮会有一个1px的黑色边框,这样直接影响了页...
在网页中插入的PNG透明图片 方法一: 制作一张透明小图片nothing.gif 对需要处理的PNG图片运用以下样式 .pngfix { azimuth: expression( this.pngSet?this.pngSet=true:(...
display:inline-block的定义 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 浏览器兼容性 Opera、Safari、IE8完美支持,IE6、IE7不支持,最新版本的火狐浏...
条件注释是一种专用的(因此是非标准的)对常规HTML注释的Microsoft扩展。顾名思义,条件注释能够根据条件(比如浏览器版本)显示代码块。尽管是非标准的,条件注释在其他所有浏览器看来是常规注释,因此本质上是无害的。因此条件注册通常被看作...
border-radius可以实现圆角框,只要足够圆,变成正圆也没有问题。 HTML代码 <a class="entry-date" href="#"></a> CSS代码 ....
position:absolute;是根据最近的带有position属性的父元素来定位,但是IE6中却发现错位了。 原因是IE6的haslayout属性,只需要激发这个属性就解决问题了,父元素CSS属性可以这么写 .father{ posi...
IE6、IE7不支持 first-child 属性,不过可以用其他办法替代。 #sidebar li:first-child{ border-top-style:none; } #sidebar li{ border-top-width:1...
做网页的时候时常需要用到父元素的高度随子元素的增大而增大。但当子元素进行浮动后,父元素就无法包含子元素了,给父元素增加一个边框可以看到效果。 有2种方法可以解决这个问题: 给父元素也增加float属性 给父元素增加overflow:hidd...
在IE6下,当父元素的子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 实例 CSS代码 .box{ height:50px; overflow:hidden; border:1...
在网页设计中,时常要用到把某个元素始终定位在屏幕上,即使滚动浏览器窗口也不会发生变化。 一般我们会使用position:fixed来进行绝对固定,但IE6并不支持position:fixed属性,所以必须对IE6进行”特殊照顾”。 实验 我...
IE6下默认的字体尺寸大致在 12 – 14px 之间,如果你定义的块级元素高度小于这个默认值,IE6会自动把盒子撑大,他认为这个层的高度不应该小于字体的行高。 所以即使你用 height: 3px; 来定义块级元素的高度,在I...
位于浮动元素下方的非浮动元素的上外边距会失效 CSS外边距失效解决方法 给浮动元素指定底部外边距。 把下方的非浮动元素变成浮动元素
<pre>元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。 而我们经常碰到的一个问题是如果一个代码...
子元素的margin-top如果是10px,父元素的是5px,那么合并之后的效果就是10px。感觉好像父元素的margin-top=10px不起作用了。 如果你想避免发生父子间的margin合并现象。就必须要给父元素设置padding或者b...
由浮点数字和单位标识符组成的长度值。不可为负值。声明用来设置一个元素的透明度,opacity取值为1的元素是完全不透明的,反之,取值为0是完全透明的,看不见的。1到0之间的任何值都表示该元素的透明程度。 主流浏览器都支持,IE6-8都不支持...
行内样式>嵌入式>外部样式(链接式,导入式) ID>类别>标签 #zgj>.fbox>b 同级时,后面的规则会覆盖前面的规则 同级嵌套的越多,优先级越高;p b>b, .fbox p b>.f...
为什么IE6中样式会失效? HTML页面编码与CSS编码不同(DEMO中HTML为gbk,CSS为utf-8) CSS文件中未指定@charset头声明,导致IE默认使用页面编码来解码CSS文件(DEMO中IE浏览器使用gbk来解码一个ut...
我们在使用CSS给网站添加样式时,经常会用到覆盖,原则上,后添加的样式会覆盖前面的样式,但有时却会失效,这是为什么呢?今天让我们来探讨下,CSS覆盖失效的原因和解决办法。 如果前面的选择器中包含ID选择器,如#main .link dt{}...
向让IE浏览器支持CSS3属性,首先得下载微软提供的让IE支持部分CSS3属性的脚本文件?ie-css3.htc 下载地址:https://pan.baidu.com/s/1o7HItvG 在CSS中引入ie-css3.htc .box {...