Heim > Web-Frontend > HTML-Tutorial > 如何做出这种效果?_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:08:30
Original
1125 Leute haben es durchsucht

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


 
  
  
 
 
  
 
 

   李自成
  

     如何做出这种效果?_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,解析了多少就出来了多少内容

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage