Rumah > hujung hadapan web > html tutorial > 如何做出这种效果?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:08:30
asal
1125 orang telah melayarinya

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


 
  
  
 
 
  
 
 

   李自成
  

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

  董事长
  

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

   

  李自成

董事长
   

   

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


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


回复讨论(解决方案)

是的,少用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,解析了多少就出来了多少内容

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan