div +s css layout introduction
Are you learning CSS layout? Still can’t quite master pure CSS layout? There are usually two situations that hinder your learning:
The first possibility is that you haven't understood the principle of CSS processing pages. Before you consider the overall performance of your page, you should first consider the semantics and structure of the content,
Then add CSS for semantics and structure. This article will tell you how to structure HTML.
Another reason is that you are at a loss for those very familiar presentation layer attributes (such as cellpadding, hspace, align="left", etc.) and don't know what to do. Convert to the corresponding CSS statement. When you solve the first problem and know how to structure your HTML, I will give you a list detailing the original table
What CSS should I use to replace the current attribute?
Structured HTML
When we first learn web page production, we always consider how to design it first, considering the pictures, fonts, colors, and layout plans. Then we use Photoshop
Or draw it in Fireworks and cut it into small pictures. Finally, edit the HTML to restore all the designs to the page.
If you want your HTML page to be laid out with CSS (CSS-friendly), you need to go back and start over. Don't think about "appearance" first, but think about your page first
Semantics and structure of content.
Appearance is not the most important thing. A well-structured HTML page can take on any look, and CSS Zen Garden is a prime example. CSS Zen
Garden helps us finally realize the power of CSS.
HTML isn't just for reading on a computer screen. Your carefully designed images in photoshop may not display on PDAs, mobile phones, and screen readers. but
It is a well-structured HTML page that can be displayed anywhere and on any network device through different definitions of CSS.
Start thinking
The first thing to learn is what "structure" is, which some writers also call "semantics". What this term means is that you need to analyze your pieces of content, and what each piece of content serves Purpose, and then establish the corresponding HTML structure based on these content purposes.