我们来学习一下如何实现连接的下划线是虚线,方法其实很简单。 找到CSS里text-decoration的属性表我们会发现,它里面并没有所谓的虚线属性值,只有经常用到的underline、line-through和none,那虚线效果是怎么出来的呢? 其实它是利用text-decoration:none...
如上图做页面,经常会被浏览器兼容性搞的头大,因为现在的浏览器真的是太多太多了。有个朋友问我,在用Div和Css做页面的时候,为什么Div在Firefox中的高度不是自适应的?背景随高度缩在一起?而在IE中一切正常。 这是由于div中的内容使用了浮动float属性,以致Firef...
给大家说说兼容多浏览器的Div高度自动伸展的效果。普通的Div都可以自动延伸,但让Div有一个固定高度,在内容增多时自动伸展,并且兼容多浏览器该怎么做呢? 很简单,代码如下: .div { width:200px; height:200px; height:auto; min-height:200px; } 这段CSS...
用IE7和Firefox浏览器浏览网页时,经常会看到一些内容跑到内容容器下方的情况,而在IE6中,容器会随着内容的增加自动伸展。如上图所示。 出现这种现象并不是因为IE7和Firefox浏览器中的容器高度不会自动伸展,而是由于某种原因误定义了高度而已。 比如在...
在动态网页设计中,标题的长度是无法确定的,难免会出现文字内容超过显示区域的情况,较好的做法就是当文字超过限定的显示区域宽度后用…省略号表示 css中有个属性叫做text-overflow:ellipsis; 配合其他一些属性可以实现IE,chrome,safria浏览器下标题字符长度多余部...
如果你不希望代码看着很臃肿,如果你是个简洁主义者,那么就看看下面如何将CSS代码压缩吧。 一 去掉因依赖代码提示产生的冗余字节: 1 去掉"{"右边的空格; 2 去掉";"右边的空格; 3 去掉"}"左边的";"; 4 去掉":&q...
再谈CSS兼容性问题,IE8应该是目前的主流浏览器,本文我们就来解决下在I8下的兼容性问题。第一个办法,在网页头部放上如下代码,这个方法也是最普遍用的,大家可以打开四大门户看看,都有加入这段代码,意思是让ie8以ie7的兼容模式解析代码,是微软官方发布的解决方案。 &nb...
在传统的html语言中我可以对页面进行简单的排版,比如下面的例子
CSS标记的正文内容1
背景属性的合理利用可以给页面带来很好的效果。背景属性是给网页添加背景色或者背景图所用的CSS样式,它的能力远远超于html之上。 背景颜色(background-color) CSS可以用纯色来作为背景,也可以将背景设置为透明,background相当于xhtml中的bgcolor。 它的两个值...
网页设计中很重要的就是美化页面,我们这里主要以美化输入框为例,介绍一下css美化输入框的方法。在网页中需要插入很多表单、输入框、按钮、文本框之类的内容,它们是用户和网站交互所必不可缺少的元素。 为了达到更好的交互效果,提高用户友好度,对文本框输入框之类的美化...