The so-called style sheet cascading refers to the style overlapping caused by the same element setting style sheets in different ways. According to computer training, stylesheet inheritance means that a nested element obtains the style of its parent element. There is also a style called browser style, which is the default style attached to this element when the browser runs.

1. Browser style

The element & ltb> means bold style.

& ltspan style = " font-weight:bold； & gt This element is a bold style.

Explanation:

2. Style Sheet Cascading

There are five ways to cascade style sheets. For example, if the styles are the same, there will be conflicting substitutions. At this time, its priority is more important. The following are the priorities from low to high:

(1). Browser style (the style carried by the element itself);

(2). Externally introduced styles (using

(3). Document embedding style (using

(4). Element embedding style (set with style attribute).

3. Style inheritance

If an element does not have a style related to the parent element, then the inheritance mechanism will be used to integrate the style of the parent element.

//& lt； B> element inheritance

& ltp style = " color:red；" & gt This is

Style inheritance only applies to the appearance of elements (text, color, font, etc.). ), and the layout style of the elements on the page will not be inherited. If you inherit this style, you must use forced inheritance: inherit.