CSS е съкращение от Cascading Style Sheets и представлява отделен език,
съдържащ множество "инструменти",с които може да се влияе на външния вид на HTML страниците.
От определена гледна точка CSS е нещо като "надстройка" на HTML.
CSS предлага големи удобства и улеснения при изграждането на даден HTML документ.
В много случаи е по-добре даден елемент от HTML страница да бъде създаден с помощта на CSS,
отколкото чрез ползване на добре познатите HTML тагове. Най-голямото улеснение,
което предлага CSS е свързано с контрола на голям набор HTML документи,
като контролирането на външния вид на страниците става чрез промяна на един единствен файл -
CSS файла, без да е нужно да се променя HTML кода във всяка една от HTML страниците.
върни отначло
Структурата на CSS кода е :
селектор {атрибут: стойност}
В скобите може да се затвори един атрибут или няколко атрибута
с техните стойности, като в такъв случай те се отделят с точка и запетая.
върни отначло
В CSS съществуват няколко вида селектори:
1. Класови селектори
CSS позволява да задавате собствени класове за различните селектори.
След като един клас е дефиниран, после всички селектори, на които е присвоен този клас,
ще показват един и същ ефект. Синтаксиса на класовите селектори е
.клас {атрибут: стойност}
2. ID селектори
Чрез ID селекторите могат да се декларират допълнителни параметри,
които не са указани в декларираните класове. Разбира се същия ефект може да се постигне и
чрез деклариране на нов клас, но за по-голямо удобство това може да стане чрез ID селектор.
Синтаксисът на ID селектора е
# селектор {атрибут: стойност}/
3. Контекстуални селектори
Контекстуалните селектори представляват комбинация от няколко селектора,
като зададения ефект се проявява в зависимост от подредбата им.
Синтаксиса на контекстуалните селектори е
1-ви селектор 2-ри селектор... {атрибут: стойност}
4. Групиране на селектори
Няколко селектора могат да бъдат подредени, като се отделят със запетаи,
и им се зададе еднакъв ефект, т.е. атрибути с еднакви стойности.
Синтаксисът при групирането е:
селектор1,селектор2,селектор3,... {атрибут: стойност}
върни отначло