CSS隐藏页面元素的五种方法

用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。 Opacity opacity属性的意思是设置一个元素...

纯 CSS 创建各种不同的图形形状

介绍 今天,我们要学习如何使用简单的CSS来创建不同类型的平面图形。 使用代码 矩形 .rectangle { width: 250px; height: 150px; background-color: #6DC75F;}div/div 三角形 .triangleUp { border-left: 75px solid...

12款很棒的浏览器兼容性测试工具

对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些...

CSS清除浮动常用方法小结

我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。 clearfix清除浮动 首先在很多很多年以前我们常用的清除浮动是这样的。 1 .clear{ clea...

CSS自定义滚动条样式

相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来...

overflow解决float浮动后高度自适应的问题

也许你在做网页的时候发现,会发现一个区块内的元素在被应用了float之后,整个box的高度就不以被浮动对象的高度为标准了。如下图,城市导航内的城市列表中采用了float之后,那个外...

让IE6完美支持PNG图片透明的方法详解

前天用IE6看我的个人网站,发现LOGO的背景图片有点怪异,本来是半透明的,在IE8下表现得很完美,可是在IE6下却变成有灰边,这才记起自己的LOGO是做成PNG格式的,ie6下不能支持PNG的半...

CSS边距属性定义:用margin还是padding?

用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间,通过使用单独的属性,可以对上、右、下、左的外边距进行设置,也可以使用简写的外...

CSS为网站图片添加防盗链功能

很多朋友都想为自己的网站图片添加防盗链功能,特别是做图片站的朋友,被盗链多了,服务器可是很吃力的。很多虚拟主机是不支持防盗链的,所以想在服务器上设置是行不通的,通...

CSS实现垂直三栏自适应等高布局

首先,三栏等高布局,顾名思义,可以概括为以下特征: 1、3列(白痴也知道); 2、这3列高等相等; 3、这3列的高度不是固定不变,而是随着内容的变化而变化。 Step1: xhtml代码: ...