作者smile0052 (笑笑)
看板Web_Design
标题Re: [问题] 请问如何用CSS取代这些HTML语法?
时间Sat Feb 10 22:36:23 2007
※ 引述《sarsspear (沙士比亚)》之铭言:
: ※ 引述《smile0052 (笑笑)》之铭言:
: 先感谢您抽空回答,在下的概念就是想写成这种类别格式,
: 因为那些属性重复率很高,不想逐一重写。
: 不过这位回答者的CSS有些已经试过了,但是没达到效果,
: 所以才会拿出来问orz
: : --------------------
: : CSS
: : .tab{
: : border:1px;
: : text-align:center;
: : border-collapse:collapse;}
: 这个这样写似乎不完整,
: HTML的border="1"是设定所有储存格,
: 而这里定义了border 1px完全没效(好像还要加些颜色之类的参数)
楼上得大大帮你解决了
TABLE也是能尽量不用就不用,除非有大量资料需要显示建议用DIV解决
border-collapse:这个CSS标签需要多多去尝试
配合padding和margin的使用也会有不同效果
还有就是设定TR和TD多TRY看看就会知道端倪了
我比较不喜欢用TABLE所以尽量都不用^___^
很麻烦的格式....
: HTML的align是让表格本身置中,但储存格内容为预设值。
: CSS的text-align似乎没效果
: 不过collapse似乎可以取代padding和spacing
: : .if{
: : width:380px;
: : height:320px;
: : margin:1px;
: : border:0;
: : overflow:hidden;}
: 这里用overflow似乎没办法解决,卷轴还是大喇喇的出现...
噗,这个内制框架很麻烦的,目前网页设计最不希望这样写,
尤其是在IE7&6之间就大大的不同,可以用楼上大大的方式解决
: 其他的目前看起来没问题
: : .img{
: : width:100px;
: : height:200px;
: : border:0;}
: 我不太确定样式表的width和height能等同於HTML的width与height...
: 是否皆能有让浏览器预先控制空间的效果
: 还有就是如果20张图有15张已经用CSS控制了width: 100px; height:200px
: 但是如果有5张想个别定width和height,用width="xxx" height="xxx"
: 似乎没办法盖过CSS.........
楼上的帮你解答了
其实要让它不覆盖有两个方式
一个就是定义在CSS後 <img class="img" width="" height="" />
另一个就是楼上大大的方式了,或也可以自行在定义一组新标签
: : ----------------------
: : HTML
: : <table class="tab">
: : <ifname class="if">
: : <img class="img">
: : ----------------------
: 呃...alt和target就没救了吗>'<
: 我知道连结可以设base target,但是不希望全页都设,
alt和target没办法使用CSS来达成
这种格式是符合W3C HTML4.0所以是允许的属性
<A>标签里面应该是使用TITLE而不是ALT(IMG才是使用ALT)
也可以使用BASE来达成这样的连结,如果有例外可以另外在对其设定
废言:这里给你一个学习CSS的地方
http://www.hsiu28.net/
多问问题是好的,可是还是建议先多看书
真的不得已再问人,这是我的学习经验^__^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.127.33.32
1F:→ smile0052:补充overflow:visible是不显示hidden是隐藏两者效果不同 02/10 22:39
2F:推 sarsspear:感谢回答 02/12 23:18