Why CSS is Called Cascading Style Sheet Video Lecture - IT & Software

Do you know why CSS is called Cascading Style
Sheet?
Well, CSS is short for cascading style sheet.
I know the origin of CSS.
I want to understand what they mean by cascading
style sheet.
CSS files create a single template for the
look of a website.
It includes elements like background colors,
font sizes and types, paragraph spacing and
watermarks.
Yes, I knew that much.
You put the CSS file in the same directory
folder as the html file for a webpage.
When you want to add that look, you simply
place the file with the html file.
The CSS file lays that look upon the HTML
code.
Kind of like a sheet laid over a textured
surface.
If you try to place elements like a locked
picture location or elements defined by an
HTML table in the HTML code, you'll interfere
with the otherwise smooth and even distribution
of the sheet.
What if I do it right and keep the style and
code separate?
Then the CSS gives a uniform background and
design structure to your web pages.
So that explains the style portion.
Why is it called cascading?
CSS lets you set a priority for different
style sheets.
The style sheet with the highest priority
controls how the content is displayed, while
other sheets have lower priority.
That's kind of like the levels of access control
that determine what you could see in a database.
No, they are closer to filters that control
what you see, determining the appearance -
That analogy is falling flat.
The style sheets that determine text color
and size have the highest priority, while
those for background color and such are lower
in priority.
So users could choose larger text sizes for
ease of readability, the color scheme the
web designer picked be darned.
The ability to increase text size or color
for readability is necessary for readability.
And CSS lets them adjust the text for readability
without affecting your pretty powder blue
background.