Shulou(Shulou.com)06/02 Report--

This article mainly introduces how to learn about CSS through Dreamweaver. It is very detailed and has a certain reference value. Friends who are interested must finish it!

Cascading style sheets (CSS) are a series of formatting rules that control the appearance of Web page content. When using CSS to format a page, the content and presentation are separate from each other. The page content (HTML code) is in its own HTML file, while the CSS rules that define the representation of the code are in another file (external stylesheet) or another part (usually part) of the HTML document. With CSS, you can be very flexible and have more control over the appearance of the page, from precise layout positioning to specific fonts and styles.

CSS gives you control over many properties that you cannot control with HTML alone. For example, you can specify different font sizes and units (pixels, points, and so on) for selected text. By using CSS to set the font size in pixels, you can also ensure that page layout and appearance are handled in a more consistent manner across multiple browsers.

The CSS formatting rule consists of two parts: selector and declaration. Selectors are terms that identify formatted elements, such as P, H1, class name, or ID, while declarations are used to define style elements. In the following example, H1 is the selector and everything between curly braces ({}) is a declaration:

H1 {

Font-size:16 pixels

Font-family:Helvetica

Font-weight:bold

}

H1 {

Font-size:16 pixels

Font-family:Helvetica

Font-weight:bold

}

The declaration consists of two parts: attributes (such as font-family) and values (such as Helvetica). The above example creates a style for H1 tags: the text of all H1 tags linked to this style will be 16 pixels and use Helvetica fonts and bold.

The term "cascading" refers to the ability to apply multiple styles to the same element or Web page. For example, you can create one CSS rule to apply colors, another rule to apply margins, and then apply both to the same text on a page. The defined styles are "cascaded" into the elements on your Web page, and eventually create the design you want.

The main advantage of CSS is that it is easy to update; whenever an CSS rule is updated, the formatting of all documents that use that defined style are automatically updated to the new style.

The following rule types can be defined in Dreamweaver:

Custom CSS rules (also known as "class styles") allow you to apply style attributes to any text range or block of text. All class styles are with a period (.) The beginning. For example, you can create a class style called .red, set the color property of the rule to red, and then apply the style to part of the paragraph text with a defined style.

HTML tag rules redefine the format of specific tags, such as p or H2. When you create or change the CSS rule for the H2 tag, all text formatted with the H2 tag is updated immediately.

CSS selector rules (advanced styles) redefine the format of a particular combination of elements, or other selector forms allowed by CSS (for example, the selector td H3 is applied whenever an h3 header appears in a table cell). Advanced styles can also redefine the format of tags that contain specific id attributes (for example, styles defined by # myStyle can be applied to all tags that contain attribute / value pairs id= "myStyle").

The above is all the contents of the article "how to learn about CSS through Dreamweaver". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.