https://www.w3schools.com/css/css_intro.asp
Въведение в CSS
CSS е езикът, който използваме за стилизиране на уеб страница.
Какво е CSS?
- CSS е съкращение от Cascading Style Sheets
- CSS описва как HTML елементите трябва да се показват на екран, хартия или в друга медия
- CSS спестява много работа. Той може да контролира оформлението на множество уеб страници наведнъж
- Външните таблици със стилове се съхраняват в CSS файлове
CSS Демо - Една HTML страница - Множество стилове!
Тук ще покажем една HTML страница, показана с четири различни стилови таблици. Щракнете върху връзките "Стилов лист 1", "Стилов лист 2", "Стилов лист 3", "Стилов лист 4" по-долу, за да видите различните стилове:
Защо да използвате CSS?
CSS се използва за дефиниране на стилове за вашите уеб страници, включително дизайн, оформление и вариации в дисплея за различни устройства и размери на екрана.
CSS пример
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
CSS реши голям проблем
HTML НИКОГА не е бил предназначен да съдържа тагове за форматиране на уеб страница!
HTML е създаден, за да опише съдържанието на уеб страница, като:
<h1>Това е заглавие</h1>
<p>Това е абзац.</p>
Когато към спецификацията на HTML 3.2 бяха добавени тагове като <font> и цветни атрибути, това започна кошмар за уеб разработчиците. Разработването на големи уебсайтове, където шрифтове и информация за цветовете бяха добавени към всяка отделна страница, се превърна в дълъг и скъп процес.
За да разреши този проблем, World Wide Web Consortium (W3C) създаде CSS.
CSS премахна стиловото форматиране от HTML страницата!
Ако не знаете какво е HTML, предлагаме ви да прочетете нашия урок за HTML .
CSS спестява много работа!
Дефинициите на стил обикновено се записват във външни .css файлове.
С външен файл със стилова таблица можете да промените облика на цял уебсайт, като промените само един файл!