如何做出这种效果?_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:08:30
原创
1211人浏览过

初学者,需要做一种页面效果。上面一行写着用户的名字,下面一行写着用户的职位,旁边是用户的照片。我是这样写的:


 
  
  
 
 
  
 
 

   李自成
  

     如何做出这种效果?_html/css_WEB-ITnose
  

  董事长
  

事实这样能做出要求的效果,可是交上去的时候被喷了,说应该这样写:

   

  李自成

董事长
   

   

   如何做出这种效果?_html/css_WEB-ITnose
   


说我的那种写法页面读取起来会慢很多,这是什么原因呢?另外看书上说DL、DT、DD这些是所谓的解说列表,是怎样原理实现这种效果呢……书上没说,代码也看得不是太明白,烦请指教,谢谢。

火龙果写作
火龙果写作

用火龙果,轻松写作,通过校对、改写、扩展等功能实现高质量内容生产。

火龙果写作 106
查看详情 火龙果写作

回复讨论(解决方案)

是的,少用Table,多用div或UL,dl之类的元素来代替table。据说table的性能不太好。

以前大都是表格布局,现在一般不会用表格布局,表格解析慢。

是的,少用Table,多用div或UL,dl之类的元素来代替table。据说table的性能不太好。
表格上能理解到代码怎么写……可是DL理解不了代码上怎么实现这个……就是不懂用DL怎么实现(上面的DL代码是是别人给的)……

以前大都是表格布局,现在一般不会用表格布局,表格解析慢。
表格上能理解到代码怎么写……可是DL理解不了代码上怎么实现这个……就是不懂用DL怎么实现(上面的DL代码是是别人给的)……

div+css吧 

表格都不常用,加载起来太慢!

之所以不用表格布局是因为表格布局比div的嵌套层多的多,浏览器解析速度慢。dl,dd,dt是要结合css来呈现效果的

只要布局思路合理 适当的表格也有比用块元素好的多的
对于初学者来说

表格的使用是个基础  不会用表格怎么理解块元素布局  

在某些复杂的列表式的元素 你那div或者其他的元素能写死你  
不要说什么单一用什么快的话  
那点家在速度对于现在的电脑和ie来说不很简单

关键在于整体布局,综合考虑

貌似浏览器在解析table时是把整个table全解析后才呈现出来,不像div,解析了多少就出来了多少内容

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号