CSS: Разлика между версии
Изтрито е съдържание Добавено е съдържание
Редакция без резюме |
Редакция без резюме |
||
Ред 11:
=== Селектори ===
Селекторите се използват за да покажат към кои елементи на HTML документа трябва да бъде прилаган съответният стил. Съществуват много видове селектори. Някои селектори позволяват постигане на динамичност на страницата до определена степен. Например само с помощта на CSS могат да бъдат направени
{{Br}}'''Видове Селектори'''
Ред 17:
В CSS съществуват няколко вида селектори:
'''I. Класови селектори''' – с помощта на CSS можете да създавате собствени [[Клас (програмиране)|класове]] за всеки един селектор. След дефиниране на класа, то всички селектори, на които е присвоен този клас, ще показват един и същ ефект. Използва се
<code>селектор.клас {атрибут: стойност}</code>
Ред 25:
Нека имаме клас заглавия h1 със син цвят и клас параграфи p, позиционирани вляво.
Името на класа е произволно, но за удобство ще използваме blue. Следователно
<code>{{Br}}h1.blue {color: #0000ff}
{{Br}}p.left {text-align: left}</code>
{{Br}}С това класовете са дефинирани и трябва да се поместят в секцията head на основната HTML страница, като се затворят между [[Таг (метаданни)|таговете]] <style> и </style>:
<code><style type="text/css">
Ред 61:
<code>{{Br}}.клас {атрибут: стойност}</code>
{{Br}}В този случай
<code>{{Br}}.blue {color: #0000ff}
{{Br}}.left {text-align: left}</code>
{{Br}}'''II. ID селектори''' – с помощта на този вид селектори могат да се декларират допълнителни параметри, които не са указани в декларираните класове. Имената отново са произволни. Използва се
<code>{{Br}}#id {атрибут: стойност} /или също селектор#id {атрибут: стойност}/</code>
|