четвъртък, 29 февруари 2024 г.

Въведение в CSS

 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;
}

{
  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 файлове.

С външен файл със стилова таблица можете да промените облика на цял уебсайт, като промените само един файл!