Какво е CSS, CSS основи

Както вероятно си спомняте HTML - език за маркиране, но създателите му искат толкова много да се подобри живота на saytostroiteley, че към него се прибавя елементи и параметри, отговорни за появата на таговете на страницата . . . и така нататък.

Но в един момент кода на страницата е станала толкова тромава и може да бъде прочетен, стана ясно - по този начин води "за никъде." След това беше решено да се разделят оформлението на страницата (HTML) и неговата визуален дизайн (CSS). Заедно, HTML и CSS позволява да върши чудеса, и в тази вие скоро ще видите.

Какво е CSS

CSS (Cascading Style Sheets) - Cascading Style Sheets.

Стил - набор от параметри, които определят външното представителство на обекта. Да предположим, че искаме всички заглавия от първо ниво (тагове

) На същата страница има червен цвят, размер - 24, и са били написани в курсив, и на следващата страница ще бъде синьо, размер - 12. Нашата заглавие - е обект, и цвят, размер и тегло - са параметри. Само за настройките за обектите с различни страници са различни, т.е. те се различават по стил.

Всеки елемент на страницата, може да има свой собствен стил (точки, позиции, линии, текст.). Стил набор от елементи, наречен стилове.

Ако няколко стилове (като в примера на заглавията), тя се прилага каскаден определен за един елемент. който определя приоритета на определен стил.

Предимства на CSS

  • CSS ви позволява значително да се намали обема на кода и да го чете.
  • CSS ви позволява да посочите такива параметри, които не могат да се задават само в езика HTML. Например, за да се отстранят долна черта от връзките.
  • CSS позволява лесно да промените външния вид на страниците. Представете си, че са направили един сайт от 50 страници, в които всички заглавия на синьото. След известно време, което искате да промените на синия цвят на зелено. Вие ще трябва да мине през всички 50 страници и промяна на цвета на съответния атрибут. С CSS, което трябва да го направи само веднъж в стилове.
  • С CSS, свързани така наречените блок оформление на сайта.

    • Време е да се премине от думи към действия, в следващия урок и ние ще започнем.

    Ако този сайт е полезен за вас, можете да помогнете в развитието му като поставя една от тези връзки към вашия сайт.