In the early WebWebsite constructionIn, the web page is composed of some simple typesetting text and images. The HTML language allows the use of some descriptive tags to beautify the web page.However, with the development of web page technology, simple HTML tags can no longer meet people's requirements for beautiful web pages.Therefore, the W3C has formulated the technical specification of Css, hoping to help web designers design various beautiful web pages through CSS.
CSS technology is mainly used for layout and beautification in web pages. The organic combination with XHTML can make the web more structured and standardized.As one of the most important web layout and beautification tools, CSS has been popularized very rapidly in recent years.Almost all large commercial websites in China are using CSS to layout their web pages and beautify their objects.
CSS (Cascading Style Sheet) is a markup language used for web page design, which does not need to be compiled and is directly parsed by web browsers.In web pages, CSS is used to describe and define the objects in XHTML, and through these descriptions and definitions, control the objects in web pages and the overall style of web pages.
Dreamweaver has powerful CSS editing function.To edit CSS in Dreamweaver, you need to use the CSS panel.Through CSS panel, you can add, delete, and edit CSS style codes for web pages.
Execute the [Window] | [CSS Style I command (or press Shift+F11) in Dreamweaver to open the CSS panel. The panel is divided into two parts, namely, all rules part and style attribute part. All rules part displays all CSS styles in the current page, and the style attribute part lists which attributes are defined by the currently selected CSS style, as shown in Figure 4-1.
In the CSS panel, you can use some buttons to operate the CSS rules of the web page, as shown in Table 4-1.
Use Dreamweaver to create CSS rules for web pages. Click New CSS Rule and set the basic parameters of the new CSS rule in the pop-up New CSS Rule dialog box, as shown in Figure 4-2. In this dialog box, you can create different types of CSS styles.The detailed parameters in the dialog box are shown in Table 4-2.
If you use the New CSS Rule dialog box to create an external CSS style, Dreamweaver will prompt you to save the external CSS link file.After saving the file, it will be opened automatically for the web designer to edit. CSS is a very important web design tool.At present, almost all web design can not do without CSS. Therefore, it is necessary to understand the basic syntax and structure of CSS before designing web pages.
The statement structure of CSS is very simple. Each piece of CSS code consists of two parts, namely, a selector
And Declaration.The declaration also includes two parts: attribute and attribute value, which must be written in curly braces "{}".Css code writing format is shown below.