Web Design css+div PK table+css

Source: Internet
Author: User
Tags contains
css| Design | Web page design

Used div+CSS as a whole site, if it is pure div layout is more troublesome, especially you div nested div, div layout, you have some page effect or to discard a point, such as the picture of the rounded corners, these if the set div more trouble, In a div in the VS2005 designer may be deformed, if too many sets of Div, you realize the Ajax drag effect when more trouble, so I think the current or div+ nested table is better.

Rounded corners--you can use DIV+CSS to make the same beautiful rounded corners, and do not use pictures, but also width, highly adaptive

How to do it? Dig Google Talk CSS templates

Forget div and table!

The biggest feature of HTML is compatibility and adaptability.

After using a complex div+css, you may find that a very nice page in IE looks like a paste in other browsers. It is not advisable to make a website and serve only with a specific browser. If you see which Web page has "please use XXX to browse" the words, a word evaluation "rotten"!

HTML browsers automatically format the content of the page, which is difficult for ordinary applications to do. Make "Please use x*y above resolution to browse", waste a large number of pages left and right in high resolution display and use the long scroll bar, the use of fixed font size, all are from the development of the application of the "halfway decent monk".

Do not imitate the so-called "xx excellent website design", if the organizer is not interested in the promotion of a certain technology, is the author's artistic skills too excellent. A good site, only the first to achieve full content, concise, reasonable organization, easy to read, and then consider the icing on the cake.

has been fully transformed DIV/CSS just started or more trouble, look at the style document, now basic implementation of handwriting.

Recommend the use of VS2005 layout, such as a page in the VS2005 of the standard style layout, and then take a style out of a separate CSS file, this is a relatively fast way.

The difference between SPAN and Div is that Div (division) is a block-level element that can contain paragraphs, headings, tables, and even chapters, summaries, and notes. span is an inline element, the span is not wrapped around, it has no structural meaning, is purely applied style, when other inline elements are not appropriate, you can use span.

Here is an example to illustrate the difference between the two properties.

Code:

The span tag has an important and practical feature that it does nothing, and its sole purpose is to surround the other elements in your HTML code so that you can specify a style for them. In this case, the identifier allows you to divide a paragraph into different parts.

There is also an identifier that has a similar function,

Div is also used to create logical portions in HTML files. But with

span is different,

Work at the level of a block of text, which introduces row dividers both before and after the HTML elements it contains.

Effect:

The span tag has an important and practical feature that it does nothing, and its sole purpose is to surround the other elements in your HTML code so that you can specify a style for them. In this case, the identifier allows you to divide a paragraph into different parts.

There is also an identifier that has a similar function,

Div is also used to create logical portions in HTML files. But with

span is different,

Work at the level of a block of text, which introduces row dividers before and after the HTML elements it contains



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.