收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
楼主: r2no1

[讨论] 10个你未必知道的CSS技巧

[复制链接]
发表于 2006-6-9 00:30:00 | 显示全部楼层
不错 收藏起来
回复 支持 反对

使用道具 举报

发表于 2006-7-27 18:14:21 | 显示全部楼层
不 错,,顶顶
回复 支持 反对

使用道具 举报

发表于 2006-7-31 15:26:23 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2006-9-8 14:10:46 | 显示全部楼层

超级好贴!

回复 支持 反对

使用道具 举报

发表于 2006-9-8 16:02:18 | 显示全部楼层
真的是受教了,呵呵。。。不错,很多东西都靠我们摸索前进!
回复 支持 反对

使用道具 举报

发表于 2006-9-11 17:54:59 | 显示全部楼层
先啥也别说,收藏了先!
回复 支持 反对

使用道具 举报

发表于 2006-9-19 17:29:50 | 显示全部楼层
1. Block和inline元素对比
所有的HTML元素都属于block和inline之一。
block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。

相反地,inline元素的特点是:
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

用display: inline 或display: block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢?
让一个inline元素从新行开始;
让块元素和其他元素保持在一行上;
控制inline元素的宽度(对导航条特别有用);
控制inline元素的高度;
无须设定宽度即可为一个块元素设定与文字同宽的背景色。







这个我都看不动啊,高手有空给点评一下好吗?

我只用过display:block/inline/none 连这个都不是很懂啊 我感觉display: inline 有时好象可以理解是继承
回复 支持 反对

使用道具 举报

发表于 2006-9-19 23:42:28 | 显示全部楼层
恩..有很多我不知道的.
谢谢LZ提供了!
回复 支持 反对

使用道具 举报

发表于 2006-11-29 16:19:23 | 显示全部楼层

把贴子收藏起来,把烦恼投向大海~

把贴子收藏起来,把烦恼投向大海~
回复 支持 反对

使用道具 举报

发表于 2006-11-29 17:04:26 | 显示全部楼层
呵呵,真的不知道哦
回复 支持 反对

使用道具 举报

发表于 2006-11-29 17:05:01 | 显示全部楼层
这里真是个好地方,以前还不知道,这里能学那么多东西
回复 支持 反对

使用道具 举报

发表于 2006-11-29 19:24:22 | 显示全部楼层
原帖由 [i]Lenvo 于 2006-5-11 11:31 发表
r2no1在上个帖子中说


为什么不这么写呢:
<h1><p style="display:none;">Buy widgets</p></h1>


也可以这样写:
<h1><span>Buy widgets</span></h1>

然后在CSS中设置:
h1 span{display:none;}

不过如果想取消图片,改回文字显示的话,那么使用楼主的方法只需要改h1的样式就行了,不用再改什么 h1 span,而且此时span就显得多余了。所以如果我选择的话,还是用楼主的方法,只不过还应该加上 overflow:hidden ,以防万一……
回复 支持 反对

使用道具 举报

发表于 2006-11-29 19:28:26 | 显示全部楼层
原帖由 [i]chenliufang 于 2006-9-19 17:29 发表

我只用过display:block/inline/none 连这个都不是很懂啊 我感觉display: inline 有时好象可以理解是继承


div默认display为block,span默认display为inline,你比较一下二者的差别,就理解了……
至于none,这个好理解,就是隐藏了。

说到这里我有个疑问,当隐藏一个对象的时候,究竟是使用display:none好呢,还是使用visibility:hidden好呢?
回复 支持 反对

使用道具 举报

发表于 2006-11-29 22:39:53 | 显示全部楼层
这个实用
回复 支持 反对

使用道具 举报

发表于 2006-12-5 17:56:33 | 显示全部楼层

谢谢了

绝对支持了
回复 支持 反对

使用道具 举报

发表于 2006-12-5 22:24:22 | 显示全部楼层

回复 #1 r2no1 的帖子

还有没有这样的总结啊?谢谢先……
回复 支持 反对

使用道具 举报

发表于 2006-12-5 23:56:07 | 显示全部楼层
晕哦,原来还有那么"道理"俺还不懂啊,呵
回复 支持 反对

使用道具 举报

发表于 2006-12-6 09:42:11 | 显示全部楼层
好帖,顶上去
回复 支持 反对

使用道具 举报

发表于 2006-12-6 10:33:50 | 显示全部楼层
嗯!很好很好啊!
回复 支持 反对

使用道具 举报

发表于 2007-1-5 11:35:35 | 显示全部楼层
好帖啊,这么晚才看到!
回复 支持 反对

使用道具 举报

发表于 2007-1-5 12:06:06 | 显示全部楼层
和哦好
顶一个
回复 支持 反对

使用道具 举报

发表于 2007-1-16 11:42:41 | 显示全部楼层
现在支持是不是晚了
回复 支持 反对

使用道具 举报

发表于 2007-1-19 11:35:23 | 显示全部楼层
好东西
我刚在学习CSS
对我来说受益匪浅啊
谢谢拉
回复 支持 反对

使用道具 举报

发表于 2007-1-19 11:49:53 | 显示全部楼层
这都知道,不过这个帖子是去年的,比我学习的时候还早,呵呵。好贴,顶一下
回复 支持 反对

使用道具 举报

发表于 2007-1-30 10:30:09 | 显示全部楼层
真的很棒!
非常感谢!
回复 支持 反对

使用道具 举报

发表于 2007-1-30 16:14:03 | 显示全部楼层
好东西。收藏了,看来这里真是人才倍出啊。
回复 支持 反对

使用道具 举报

发表于 2007-1-30 19:18:46 | 显示全部楼层
哪有关于XHTML标签的 东西学习下
回复 支持 反对

使用道具 举报

发表于 2007-2-2 16:54:18 | 显示全部楼层
看了,收益很多
回复 支持 反对

使用道具 举报

发表于 2007-2-2 22:11:42 | 显示全部楼层
好东西,学习中。
回复 支持 反对

使用道具 举报

发表于 2007-2-3 20:00:59 | 显示全部楼层
说得不错
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-12-8 13:50 , Processed in 0.109099 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表