ЦСС селектор, а његова улога у обликовање хтмл-документа

Креирање сајт и то пуњење са одређеним елементима веб странице, сви ће се суочити са термин као што је ЦСС-селектора. Она служи да се прецизније одредити све елементе хтмл-фајл њиховог дизајна и локације на страници. Да бисте то урадили, направите ЦСС-а документ који набраја одређене селекторе и њихове опције за форматирање: боја, величина, локација и друго. Сваки веб дизајнер треба да зна и да буде у стању да правилно унесите жељене селекције. Они су подељени по врстама, Главног којих смо испод разговарати.

Врсте селектора у ЦСС

У зависности за који је елемент се примењује хтмл-форматиран, ЦСС-селектор може односити на једно од следећих група:

• таг селецтор;
• цласс селецтор;
• ИД-селектор;
• атрибут селектор.

таг селектор

Такође се назива "селектор типа" или "елемента", то је најједноставнији и заједнички. Као његов ЦСС-документа су имена елемената хтмл-Филе, који се описују. На пример, ако је потребно да подесите стил став, ми навести особине и њихове вредности за п елемент {бацкгроунд: к; цолор: и; сизе: з}. У овом случају, сви ставови веб страници ће имати исти формат (боју позадине, величину текста, и тако даље. Д.).

селектор класа

А шта ако је потребно поставити сваки ваш став се разликује од других стилова? Да би то урадили, постоји селектор класе.

ЦСС-документ у овом случају би садрже улазак следећег облика: п.фирст {цолор: к; фонт-сизе: и}. Стога, ми дефинисати својства "боја" и "величине" само за прве класе става.

У хтмл-документа у овом случају је ушла у атрибут класе на име стила прве. Настава може бити онолико колико стила који желите да примените на Веб страници елемената.

selektor ИД

Често постоји потреба да се прецизније дефинише стил, на пример, на било један елемент странице, или да их пробају. У овој ситуацији, помоћ долази ид селектор. ХТМЛ датотеку доделити жељени назив ставке да га идентификује између осталог. На пример, елементи који желимо поставити другачији од осталих стила биће Наслов чланка.

Затим у ХТМЛ-документ додељивање Х1 идентификатор заглавља, као што Артицленаме. А у ЦСС-фајл, одредите стил, додајући да ИД Наме решетке: #артицленаме {цолор: блуе; фонт-фамили: центре}. Сада ће наш наслов имати плава боја и центриран.

Сваки од наведених врста могу се описати као "једноставног ЦСС-селектору". Они дефинишу форматирање за одређену параметра хтмл-документа: заједно сличне елементе (нпр Сви ставови чланка), једна класа (на пример, само први пасус) или одређену ставку (на пример, у чланку наслова).

атрибут селекторе

Поред наведеног, ту је и ЦСС-селектори атрибути - компликованији начин стилова апликација. Он омогућава ХТМЛ формату елементе на одабраном атрибута или вредности. Постоји неколико сорти овог селецтор:

• присуством атрибут;
• на својој тачне вредности;
• делимичном атрибута;
• на свом специфичном вредности.

Размотримо сваку од ових врста:

1. Први случај. Форматирање се примењује, уколико су присутни у специфичној атрибута ХТМЛ код (може бити п, див, хеадер, итд). Ако није, користи општи за све елементе стила. На пример, за елементе које имају наслова (алат тип).
2. Други случај. Стил се односи само на ХТМЛ-елемената који имају тачну утакмицу вредности атрибута. На пример, на улазу у елементима, где је вредност типа атрибута једнака поднесе.
3. Трећи случај. Према формату само ће укључити ставке из листе вредности која има одређену реч. На пример, сидеБар атрибут "цласс" за елементе див.
4. Четврти случај. Стил је дефинисан само за оне елементе ХТМЛ-документа, чији је посебно атрибут има одређену вредност, и почиње са њим. На пример, употреба наведеног боје свим елементима којима је енглески језик атрибут (који могу бити ен, ен-рус, ен-ау и т. Д.).

Тако, користећи једно или друго, селектор ЦСС, може најбоље да се наведена као целе веб странице, и описати неке од његових елемената.