CSS е каскаден лист със стилове, който се използва за създаване на визуални елементи на страница с интернет ресурси. Рендирането на обектите, посочени в CSS, е реализирано в езика за маркиране HTML. Самите каскадни таблици не могат да се използват самостоятелно.
Използване на CSS
CSS е стил език, който реализира изобразяването на HTML маркиращи елементи. Каскадните таблици ви позволяват да персонализирате опции, които не могат да бъдат променяни в HTML. Например, като използвате езика на стила, можете да редактирате стила на шрифта, цвета. CSS ви позволява да задавате полета, редове, подложки, ширина, елементи на позицията и да изпълнявате извеждането на тези параметри, които е невъзможно да се приложат, използвайки „чист“HTML.
Каскадните таблици със стилове се поддържат от почти всички браузъри и се използват на почти всеки уеб ресурс. Те контролират показването на съдържание с помощта на определен език и ви позволяват да контролирате показването на елементи за различни носители.
Ако HTML се използва само като средство за структуриране на текста на страница, CSS ви позволява да персонализирате показването на показваното съдържание.
CSS синтаксис и включването му в HTML код
Когато проектирате страница, за предпочитане е да използвате CSS над HTML инструменти. Факт е, че първоначално HTML не е разполагал със средства за редактиране на цвета на елементите и не е бил предназначен да задава параметри на цвета и дисплея и следователно използването на HTML дескриптори за създаване на дизайн може да се счита за неправилно от някои уеб разработчици.
CSS има различен синтаксис от HTML и е включен в кода на страницата чрез тагове. Можете също така да интегрирате CSS код, който е в отделен файл, като използвате маркера за параметри:
CSS-кодът има определен синтаксис, който трябва стриктно да се спазва, в противен случай генерираните стилове няма да се показват на страницата. Секция от CSS кода може да бъде разделена на 3 основни елемента: селектор, свойство и стойност. Тези елементи са написани по следния начин:
селектор {свойство: стойност; }
Селекторът указва манипулатора, за който се прилага генерираното правило за показване. Параметърът свойство определя редактируемия аспект на елемента, а стойността определя съответната опция за свойството. Например, за да промените цвета в заглавието на второ ниво
HTML, можете да приложите следния код:
h2 {цвят: червен; }
Този код задава цвета на текста на червен, който се намира в дескриптора на заглавието от второ ниво.
CSS използва стандартната HTML цветова таблица.
В допълнение към използването на тагове можете да използвате и вътрешни тагове. Например:
Заглавие
Този код е идентичен с описания по-горе, с тази разлика, че самите CSS параметри са зададени в дескриптора, необходим за редактиране.