What are the CSS layout rules in Dreamweaver CS3 web page making?

This article mainly explains "what are the CSS layout rules in the production of Dreamweaver CS3 web pages". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the CSS layout rules in Dreamweaver CS3 web page production".

Although jb51.net has been advising people not to use Dreamweaver visual editing for CSS page layout, it is still used by many friends. Set up that you can use DW's code editor to write CSS code. Today, I will introduce to you the CSS layout rules in the production of Dreamweaver CS3 web pages.

How to link CSS files

Additional links: external CSS fil

Import CSS: when you often apply multiple CSS files, import multiple CSS into a single CSS file

There are three CSS rule definitions

Classes such as ".RedText", ".BlueText", ".BigText" and so on

The tag redefines the CSS of the original HTML tag.

High-level pseudo-classes, elements that define ID, and comprehensive definitions

Application of CSS rules

Only "class" styles need to be applied, class= "xxxx". Classes can be applied to any element.

The difference between class and id

Tag applications are generally used one-time for "body" tags, and definitions are not recommended for tags such as "li" and "td" that are repetitive on the page.

Advanced multi-use, defining "# id li" is much better than defining "li".

The order in which CSS rules are executed

In the order in which the CSS code is executed

If there are duplicate rules, follow the definition executed later

The final rule is the synthesis of multiple defining rules.

Key point: advanced rule definition

Text style definitions for different tables. (different tables use different ID and class style definitions)

Multiple hyperlink style definitions on one page

Common definition of multiple CSS for different objects with the same rule

Which is more scientific to consider for multiple CSS approaches to the same object definition (extensibility and code simplicity)

Thank you for your reading, these are the contents of "what are the CSS layout rules in the production of Dreamweaver CS3 web pages?" after the study of this article, I believe you have a deeper understanding of what the CSS layout rules are in the production of Dreamweaver CS3 web pages, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!