https://www.w3schools.com/css/css_intro.asp
Въведение в CSS
CSS е езикът, който използваме за оформяне на уеб страница.
Какво е CSS?
- CSS означава каскадни таблици със стилове
- CSS описва как HTML елементите трябва да се показват на екран, хартия или на друг носител
- CSS спестява много работа. Той може да контролира оформлението на множество уеб страници наведнъж
- Външните таблици със стилове се съхраняват в CSS файлове
CSS Demo - Една 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>
Когато етикети като <font> и цветни атрибути бяха добавени към спецификацията на HTML 3.2, това започна кошмар за уеб разработчиците. Разработването на големи уебсайтове, където шрифтове и цветна информация бяха добавени към всяка отделна страница, се превърна в дълъг и скъп процес.
За да разреши този проблем, консорциумът на World Wide Web (W3C) създаде CSS.
CSS премахна форматирането на стила от HTML страницата!
Ако не знаете какво е HTML, предлагаме да прочетете нашия урок по HTML .
CSS спестява много работа!
Дефинициите на стилове обикновено се записват във външни .css файлове.
С външен файл на таблица със стилове можете да промените облика на целия уебсайт, като промените само един файл!