Hierarchy of cascade system CSS for instructions
Cascade system is a regulation to avoid conflicts between different style sheets, offering hierarchy depending on its provenance.
Style instructions from different sources are saved according to a hierarchy.
Since the style instructions can be linked and combined in many different ways, it is necessary to determine the procedure to follow in the event of contradictory or conflicting instructions. For example, if we have several instructions assigning different values to the same property, which instruction should we give priority to?
Cascada (cascade)
Cascade refers to the hierarchical system that gives style instructions of greater or lesser importance depending on their origin. It is a regulation system to avoid inconsistencies between different style sheets.
- Each browser has its own standard style sheet (Browser-Style) which is used to represent HTML pages. The typeface, the background color and the font color, the color of the links, the size of the titles, etc., are formatted by the browser.
- Modern browsers allow the user to create their own style sheets (custom stylesheets, userstyles). The user can, therefore, configure their preferences in the browser and overwrite with them the settings of the browser style sheet.
- The style sheets created by us, as a rule, overwrite different instructions from both the browser and the user (if they exist); style sheets are combined. If you link several author style sheets to your page, in case of conflict, the instructions of the last style sheet referenced will always be those that have preference. Your personalized style sheet, that is, the author's style sheet, cannot be overwritten by the user's, since the author's style sheet has higher priority. This hierarchical priority can only be changed using the! Important rule
- On the other hand, defined (embedded) style instructions can be included in the <head> area of the document. Embedded instructions overwrite external or imported instructions, but only in the current document (that is, the document in which the instructions are embedded).
- And the but not least, the HTML tag could also appear directly (inline) style instructions. These instructions then have priority over all other instructions, although only in the current instance (that is, in the HTML tag in which the instructions have been written)
ChatGPT Free
Ask questions on any topic
CITE ARTICLE
For homework, research, thesis, books, magazines, blogs or academic articles
APA Format Reference:
Delgado, Hugo. (2019).
Hierarchy of cascade system CSS for instructions.
Retrieved Nov 03, 2024, from
https://disenowebakus.net/en/cascade-system-css
Participates!
Share it with your friends in Social Networks!CONTINUE LEARNING
IT ALSO DESERVES TO PAY TO VISIT:
With style sheets we should also strive to eliminate all superfluous bytes and Keep the instructions...
Web accessibility means that people with some type of disability will be able to use the Web...
Specificity is one of the criteria used by the browser (or other user agents) in case of conflict to...
CSS allows to release the elements of the normal flow of the document and position them at will with...
