Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

A simple overview of CSS styles

Date:2016-07-20 Source: Shangpin China Type: website encyclopedia
Word Size: small   medium   big

In the early Web Website construction In, 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.
 CSS Panel

In the CSS panel, you can use some buttons to operate the CSS rules of the web page, as shown in Table 4-1.
 CSS Panel Buttons
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.

 New CSS Rule Parameter
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.




Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.