css中布局属性display与visibility的区别

经常用这两个布局属性,那么css中布局属性display与visibility有什么区别呢?

display和visibility都可以用来隐藏对象:

display:none;

visibility:hidden;

css2.0手册中是这样解释的:

设置或检索是否显示对象。与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。

上面的定义简洁明了,一般来说我们用到最多的是display,例如在某些cms程序中有些功能是我们不想让显示出来的,就可以通过display来隐藏,而visibility一般用在js中。

More...

标签:

用到list-style-position:outside时列表图标不显示的问题

今天在修改一个网站样式时,遇到一个问题,无论怎么调节css属性,一个文章列表图标却一直不显示,最后把list-style-position:outside改成list-style-position:inside时,列表图标显示出来了。为了找出list-style-position:outside不显示的原因,不断的尝试删除各种css属性来找出导致outside不显示的原因,结果却始终没有找出来一个确定的答案,不过肯定的是,ul li属性width:100%、padding:0;会对列表图标不显示造成一定的影响,如果你遇到这个问题,请注意这两个属性。

More...

标签:

收藏一些最基本的css常识

今天在ITeye技术网站上看到一篇关于css常识的博文,感觉写的不错,很多都是我在写css代码过程中忽略的问题,这里收藏过来给大家分享一下,看看你都犯了哪几个最基本的常识错误呢?

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,之前还以为图片越小页面加载速度越快,这才知晓。宽高1px的图片平铺出一个宽高200px的区域,需要 200*200=40,000 次,占用资源。

More...

标签:

推荐一款CSS代码压缩工具

这里推荐csscompressor这个css代码压缩工具,该工具提供了多种模式压缩:最高、高、标准、低四种模式,另外压缩选项中支持多种选择,比如色彩、删除不必要的分号、font-weight属性等,根据自己的需要可以做适当的选择。

只需要将你的css代码复制到CSS Input文本框中,点击Compress转换即可,在Messages中显示出了哪一行优化压缩的代码,通过这里我们也可以查找我们在写css代码过程中出现的问题,及时改正不良的写代码习惯有利于工作效率的提升。

More...

标签:

今天在为一客户制作网页的过程中,网页前台基本上快完工了,因为一直在IE6和IE7中做测试,没发现什么问题,于是到firefox中做测试,以下简称ff,结果发现布局严重错乱,跟没有用css一个效果,奇怪了,做了这么多网站,还头一次遇到这样的问题,于是我首先想到的是不是网页代码中body或者html等决定全局的标签少写了或者被其它符号影响了,找了半天没找到,于是又到css中寻找,发现也没有相关问题,我

More...

标签:

2011年3月28日海南迈科企业站完工-站生又一作品

该站完工之前就在QQ空间打的一句广告语:网站建设:专业建设各种企业站,网站采用div+css web2.0技术编写,并对模板标签进行优化,前台自动生成静态,网站加载速度快,利于seo,需要的联系我,起价500元,完成周期:3~5天。

该站应同学之邀经过两夜奋战完成,与以往不同的是这次同学并不喜欢tq在线客服,于是加上了QQ在线状态代码,并在右侧加了一个浮动的广告,最终获得同学的满意。

More...

标签:

收集一些常用的css技巧,不断更新中

经常在写div+css的过程中,遇到不少细节问题,这里总结一下以便以后使用,同时和大家分享。

1、段落首行缩进两个汉字:text-indent:2em;

2、信息列表内容长度超过时显示省略号:

这个记得要给一个固定宽度,不然就没效果了,列表内容长度超过时自动转化为省略号,当然源码中还是文字内容全部,外观好看,同时蜘蛛抓取的时候还是完整的。
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;

More...

标签:

站生做网站头疼的问题

能随意做出来一个像样的企业站,却做不出来一个大气的企业站,最近需要给一新公司义务做站,挺伤脑劲的,平时也没少做网站,对于一个新公司来说,新网站一定要大气,让客户一看到就知道这个公司来头不就,这就难了哈哈。

看来灵感最重要,感觉自己做网站就缺乏灵感,以前做的网站基本上都是依照别人的套路,甚至照搬别人的布局和样式来做的,这次要下点功夫了,做出来一个正规大气的企业站,准备以蓝绿白黑四种颜色为基调来设计。

More...

标签:

蛐蛐谈firefox下margin-top失效的问题

蛐蛐工作室近日为了在做一个企业站,为了seo期间,把网站的侧边栏代码放到了后面,主页面放到了前面,因为侧边栏很少更新,具体是这样的。

<div>
<div style="float:right"><div>
<div style="float:left"></div>
<div id="footer"></div>
</div>

结果这样之后麻烦出现了,无论我怎么弄footer始终都与上面的div紧靠齐,本来是margin-top:10px的,有一定间隔,这样看起来美观,没想到却造成了与上端紧对齐的情况。

More...

标签:

css自适应高度的建议

在建网站的时候经常会遇到网站由三列或者两列高度不等的问题,对于这种问题最近建站进行了细细的研究,总结出来一共有三种方法:

1、javascript

2、纯css

3、背景图片

分析:1.对于javascript都是我们不想使用的,不但不利于搜索引擎蜘蛛抓取,而且万一用户的浏览器禁用了javscript,那么就前功尽弃了。2.第二种选择也不错

More...

标签:

分页:«123»