CSS: Разлика между версии

Изтрито е съдържание Добавено е съдържание
PavelBG (беседа | приноси)
Редакция без резюме
PavelBG (беседа | приноси)
Редакция без резюме
Ред 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>
 
Взето от „https://bg.wikipedia.org/wiki/CSS“.