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

This article is to share with you about the types of CSS stacking styles. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

There are three types of CSS stacked style: 1, inline style, write the style code in the style attribute of the HTML tag; 2, embedded style, write the style code between the "" and "" tag pairs on the page; 3, external style, write the style code in a separate ".css" file.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

In order to enrich the style of web page elements and to separate the content and style of web pages, CSS was born. CSS is the acronym of Cascading Style Sheets, which means cascading style sheets. With most of the style tags in CSS,html are discarded, html is only responsible for the structure and content of the document, and the presentation is completely handed over to CSS,html documents to become more concise.

CSS is mainly used to design the style of the web page and beautify the web page; it can not only modify the web page statically, but also format the elements of the web page dynamically with various scripting languages.

CSS can accurately control the layout of elements in a web page at the pixel level, support almost all font size styles, and have the ability to edit web objects and model styles.

There are three main types of css styles: inline style (inline style), internal style (embedded style), and external style (external style).

1. Inline style:

The interior of the structure, that is, the style written in the tag; written inside the beginning of the tag, in the style attribute.

Example:

2. Internal style (embedded style):

Write inside the HTML page, store it in the head tag, and write the style in the style tag.

Example:

Selector {attribute name: attribute value; attribute name: attribute value;.}

3. External style (external style):

An external style is to place all styles in one or more external stylesheet files with the .css extension. An CSS style sheet document represents an external style sheet.

External stylesheets must be imported into a web page document before they can be recognized and parsed by the browser. External stylesheet files can be imported into HTML documents in two ways.

1), import using tags

Import an external style sheet file using tags:

Description of each attribute:

The href property sets the address of the external stylesheet file, either relative or absolute.

The rel attribute defines the associated document, which means that the associated stylesheet is associated.

The type attribute defines the type of import file, and like the style element, text/css indicates a CSS text file.

2), import using @ import keyword

Import an external stylesheet file using the @ import keyword within the tag:

@ import url ("css file path")

After the @ import keyword, use the url () function to include the address of the specific external stylesheet file.

Thank you for reading! This is the end of this article on "what are the types of CSS stacking styles?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.