Introduction
If you like the world of web design or are curious to start in this sector,
You've probably already heard the term CSS. It is a technology
used to provide visual and aesthetic qualities to a web page.
If you have never touched this matter, you will see that it is an analytical form,
logical and practically mathematical way of creating web pages, but thanks to it we can
simplify the creation of pages and get exactly what we are looking for.
The CSS learning curve is usually simple (it is easy to learn how to do things,
although it is difficult to master), although it is also true that it can be difficult to adapt
if you have never programmed (or are totally unfamiliar with these topics) ), but as you make
mistakes and practice, your ability to write CSS code progressively improves, allowing us to
progress at an ever-faster pace.
What is CSS?
Before you start, you should be clear about a key concept: a web page is really a text
document. In said document, HTML code is written, with which the content of
a website is created. On the other hand, there is the CSS code, which, together with
the HTML code, allows us to give shape, color, position (and other visual characteristics) to a page.
The acronym CSS stands for "Cascading Style Sheets" and starts from a simple but very powerful
concept: apply styles (colors, shapes, margins, etc...) to one or more documents (usually HTML
documents, web pages) in bulk.
It is called cascading styles because they are applied from top to bottom (following a pattern called inheritance
that we will discuss later) and if there is ambiguity, a series of rules are followed to resolve it.
The idea of CSS is to use the concept of separation of presentation and content, trying to make documents
HTML include only information and data, related to the meaning of the information to be transmitted (the content), and all
the aspects related to the style (layout, colors, shapes, etc...) are in a separate CSS document
In this way, everything related to visual design can be unified in a single CSS document, and with it, several advantages:
- If we need to make visual modifications we do it in one place. We don't need to edit all the HTML
in question separately.
- Duplicating styles in different places is reduced, making it easier to organize and make changes.
In addition, in the end the
information to be transmitted is considerably less (the pages are downloaded faster).
- It is easier to create different versions of the presentation for other types of devices:
tablets, smartphones or mobile devices, etc...
Sourse: verbatim copy of the Manz.dev's web page about CSS, to visit clic here.