Shulou(Shulou.com)05/31 Report--

This article mainly introduces "how CSS displays HTML elements". In daily operation, I believe many people have doubts about how CSS displays HTML elements. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how CSS displays HTML elements". Next, please follow the editor to study!

Basic knowledge required

Before continuing with your studies, you need to have a basic understanding of the following knowledge:

HTML XHTML

If you want to learn these projects first, please visit the relevant tutorials on the home page.

CSS Overview CSS refers to cascading stylesheets

C

Ascading

S

Tyle

S

Heets) style definition

How to display

HTML element styles are typically stored in the

Style sheet

Add styles to HTML 4. 0 in order to

Solve the problem of separation of content and performance

External style sheet

Can greatly improve productivity external style sheets are usually stored in the

CSS file

Multiple style definitions in the

Cascading

For one

Style solves a common problem.

HTML tags were originally designed to define the content of a document. By using the

With such tags, HTML was expected to express messages such as "this is the title", "this is the paragraph" and "this is the table". The layout of the document is expected to be done by the browser without using any formatting tags.

As the two main browsers (Netscape and Internet Explorer) constantly add new HTML tags and attributes (such as font tags and color attributes) to the HTML specification, it becomes more and more difficult to create sites where document content is clearly independent of the document presentation layer.

To solve this problem, the World wide Web Consortium (W3C), a not-for-profit standardization consortium, has taken on the mission of HTML standardization and created STYLES (styles) outside of HTML 4.0.

All major browsers support cascading style sheets.

Stylesheets greatly improve productivity

Style sheets define how HTML elements are displayed, and font tags and color attributes in styles such as HTML 3.2 are usually saved in an external .css file. By simply editing a simple CSS document, external stylesheets give you the ability to change the appearance of all page layouts in your site at the same time.

CSS is a breakthrough in WEB design because it allows you to control the style and layout of multiple pages at the same time. As a web developer, you can define styles for each HTML element and apply it to as many pages as you want. To make a global transformation, simply change the style, and all elements in the site are automatically updated.

Multiple styles are cascaded into a

Style sheets allow you to specify style information in a variety of ways. Styles can be specified in a single HTML element, in the header element of the HTML page, or in an external CSS file. You can even reference multiple external stylesheets within a single HTML document.

Cascading order

Which style is used when the same HTML element is defined by more than one style?

In general, all styles are cascaded in a new virtual stylesheet according to the following rules, where the number 4 has the highest priority.

The browser defaults to the external style sheet internal style sheet (inside the tag) inline style (inside the HTML element)

Therefore, inline styles (within the HTML element) have the highest priority, which means that they take precedence over style declarations in tags, external stylesheets, or browsers (default values).

At this point, the study on "how CSS displays HTML elements" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.