CSS алманах 2025, Юли

ИД - CSS-трикове

ИД - CSS-трикове

Селекторът #id ви позволява да насочвате елемент, като се позовавате на атрибута id HTML. Подобно на това как атрибутите на класа се обозначават в CSS с „точка“ "

: невалиден - CSS-трикове

: невалиден - CSS-трикове

Невалидният селектор ви позволява да избирате елементи, които не съдържат валидно съдържание, както се определя от неговия атрибут тип. : невалиден е дефиниран в CSS "

Общ брат или сестра - CSS-трикове

Общ брат или сестра - CSS-трикове

Общият комбиниращ брат (~) в CSS изглежда по следния начин: .featured-image ~ p (размер на шрифта: 90%;) В този пример ще изберете всички "

: фокус - CSS-трикове

: фокус - CSS-трикове

Псевдокласът: focus в CSS се използва за стилизиране на елемент, който в момента е насочен от клавиатурата или активиран от мишката. Ето пример: "

: фокус в рамките - CSS-трикове

: фокус в рамките - CSS-трикове

Псевдоселекторът: focus-within в CSS е малко необичаен, макар и добре наречен и доста интуитивен. Той избира елемент, ако този елемент съдържа "

: първи от типа - CSS-трикове

: първи от типа - CSS-трикове

Селекторът: first-of-type в CSS ви позволява да насочвате към първото появяване на елемент в неговия контейнер. То е определено в CSS селектори ниво 3 "

: задръжте курсора - CSS-трикове

: задръжте курсора - CSS-трикове

Псевдокласът: hover в CSS избира елементи, когато курсорът на мишката е актуален над тях. Често се свързва с връзка () "

:: първи ред - CSS-трикове

:: първи ред - CSS-трикове

Псевдоелементът :: first-line е за прилагане на стилове към първия ред на елемент. Представете си абзац с дължина няколко реда (като този!). "

: първо дете - CSS-трикове

: първо дете - CSS-трикове

Селекторът: first-child ви позволява да насочите към първия елемент веднага в друг елемент. То е определено в спецификациите на CSS селектори ниво 3 като "

:: първа буква - CSS-трикове

:: първа буква - CSS-трикове

:: първа буква е псевдо елемент, който ви позволява да оформите първата буква в елемент, без да е необходимо да лепите таг около този първи "

: празен - CSS-трикове

: празен - CSS-трикове

Псевдоселекторът: empty ще избере елементи, които не съдържат нищо или само HTML коментар. div: empty (display: none;) Ще съвпада "

Дете - CSS-трикове

Дете - CSS-трикове

Детски комбинатор в CSS е символът "по-голям от", изглежда по следния начин: ol> li (color: red;) Това означава "изберете елементи, които са преки наследници"

: активиран - CSS-трикове

: активиран - CSS-трикове

Псевдокласът: enabled в CSS избира фокусируеми елементи, които не са деактивирани и следователно активирани. Той е свързан само с елементи на формуляр "

Клас - CSS-трикове

Клас - CSS-трикове

Селекторът на клас в CSS започва с точка (.), Като тази: .class () Селекторът на клас избира всички елементи със съответстващ атрибут на класа. Например,"

: dir () - CSS-трикове

: dir () - CSS-трикове

Псевдокласът: dir () в CSS позволява да се избират елементи въз основа на посоката на езика, както е определено в HTML маркирането. Има наистина "

: инвалиди - CSS-трикове

: инвалиди - CSS-трикове

Селекторът за псевдоклас: disabled предоставя условен стил на HTML елементи, които могат да получават потребителски вход, когато елементите са деактивирани "

Потомък - CSS-трикове

Потомък - CSS-трикове

Селектор на потомци в CSS е всеки селектор с бяло разстояние между два селектора без комбинатор. Ето някои примери: ul li () header h2 () "

: по подразбиране - CSS-трикове

: по подразбиране - CSS-трикове

Псевдоселекторът: по подразбиране ще съответства на подразбирането в група от свързани елементи, като например радио бутона в група бутони, който е избран от "

: проверено - CSS-трикове

: проверено - CSS-трикове

Псевдокласът: проверен в CSS избира елементи, когато те са в избраното състояние. Той е свързан само с входни () елементи от тип радио и "

: празно - CSS-трикове

: празно - CSS-трикове

Псевдокласът: blank се основава на: празния псевдоклас. Като: празен,: празен ще избере елементи, които не съдържат нищо или съдържат само HTML "

(атрибут) - CSS-трикове

(атрибут) - CSS-трикове

Има много начини да изберете елементи в CSS. Най-основният избор е по име на етикет, като p (). Почти всичко по-конкретно от етикет "

:: преди / :: след - CSS-трикове

:: преди / :: след - CSS-трикове

Псевдоелементите :: before и :: after в CSS ви позволяват да вмъквате съдържание на страница, без да е необходимо да е в HTML. Докато крайният резултат не е "

Z-индекс - CSS-трикове

Z-индекс - CSS-трикове

Div (z-index: 1; / * integer * /) Свойството z-index в CSS контролира вертикалния ред на подреждане на елементи, които се припокриват. Както в, кой се появява като "

: всяка връзка - CSS-трикове

: всяка връзка - CSS-трикове

Псевдокласът:: any-link в CSS предоставя метод за избор на елементи, които са котвата на източника на хипервръзка. Ако терминът котва за източник ви е загубил, "

: активен - CSS-трикове

: активен - CSS-трикове

Псевдоселекторът: active променя външния вид на връзка, докато тя се активира (щраква се или се активира по друг начин). Обикновено се вижда само "

Съседен брат или сестра - CSS-трикове

Съседен брат или сестра - CSS-трикове

Съседният комбиниращ брат или сестра в CSS не е селектор сам по себе си, а начин за комбиниране на два селектора. Например: p + p (поле: 0;) Знакът плюс

Ширина - CSS-трикове

Ширина - CSS-трикове

Свойството width в CSS определя ширината на областта на съдържанието на елемента. Тази област на „съдържание“ е частта от подложката, границата и полето на „

Бяло пространство - CSS-трикове

Бяло пространство - CSS-трикове

Свойството white-space контролира как се обработва текстът към елемента, към който е приложен. Да предположим, че имате HTML точно по този начин: куп думи, които

Увеличение - CSS-трикове

Увеличение - CSS-трикове

Свойството за мащабиране в CSS ви позволява да мащабирате съдържанието си. Той е нестандартен и първоначално е реализиран само в Internet Explorer. Въпреки че няколко "

Интервал между думи - CSS-трикове

Интервал между думи - CSS-трикове

Свойството за раздалечаване на думи е подобно на разстоянието между буквите, макар че естествено използването му регулира размера на интервала между думите в парче текст, а не "