Home  >  Article  >  Web Front-end  >  How to achieve this effect? _html/css_WEB-ITnose

How to achieve this effect? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:08:301112browse

Beginners need to create a page effect. The top line says the user's name, the bottom line says the user's job title, and next to it is the user's photo. I wrote it like this:





Li Zicheng

                                                                       td> Yes, it should be written like this:


Li Zicheng

Chairman





My way of writing the page will read much slower. What is this? The reason? In addition, I read in the book that DL, DT, and DD are so-called explanation lists. How to achieve this effect... The book does not say it, and the code is not very clear. Please enlighten me, thank you.




Reply to discussion (solution)

Yes, use Table less and use elements like div or UL or dl instead of table. It is said that the performance of table is not very good.

In the past, table layout was mostly used, but now table layout is generally not used, and table parsing is slow.

Yes, use Table less and use elements like div or UL or dl instead of table. It is said that the performance of table is not very good. I can understand how to write the code on the form... but DL can't understand how to implement it in the code... I just don't know how to implement it using DL (the above DL code was given by someone else)...

In the past, table layout was mostly used, but now table layout is generally not used, and table parsing is slow.

I can understand how to write the code on the form... but DL can't understand how to implement it in the code... I just don't know how to implement it using DL (the above DL code was given by someone else)...

div css bar

Tables are not commonly used and they load too slowly!


The reason why table layout is not used is because table layout has many more nested layers than div, and the browser parsing speed is slow. dl, dd, dt need to be combined with css to present the effect

As long as the layout idea is reasonable, appropriate tables are much better than using block elements
For beginners

Tables The use of it is the basis. How to understand the layout of block elements if you don’t use tables?

In some complex list elements, your div or other elements can kill you.

Don’t talk about using a single method.

That speed is not very simple for today’s computers and IE

The key lies in the overall layout, all things considered



It seems that the browser is parsing the table It is presented after the entire table is fully parsed. Unlike div, as much content is parsed as it is parsed

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn