СабактарБиз жөнүндөБайланыштарБаалар
Кирүү
Купуялык саясатыКолдонуу шарттарыСатуу жана кайтаруулар

© 2025 CodEssay платформасы. Бардык укуктар корголгон.

    CSS 2-бөлүк: Стилизациянын негиздери

    Деңгээли: башталгыч
    Сабак: css
    Жеткиликтүүлүк: Акысыз

    CSS стилинин негизги касиеттерин жана ыкмаларын, анын ичинде түстөрдү, фондорду, типографияны, чек араларды, көлөкөлөрдү жана колдонуучунун өз ара аракеттенүү стилдерин үйрөнүңүз.

    Бөлүмдөр

    Аталыштагы түстөр

    CSS аталыштагы түстөрү жана алардын колдонулушу жөнүндө билип алыңыз. Стиль элементтерине алдын ала аныкталган түс аттарын кантип колдонуу керектигин түшүнүңүз.

    Темалар: named colors

    RGB Түстөрү

    RGB түс форматынан жана аны кызыл, жашыл жана көк компоненттерди көрсөтүү менен түстөрдү аныктоо үчүн кантип колдонуу керектигин үйрөнүңүз.

    Темалар: rgb colors

    Фон түсү

    Элементтердин фонун стилдөө үчүн фон түсүн кантип коюуну түшүнүңүз.

    Темалар: background color

    Ачыктык жана тунук эместик

    CSS'те элементтерди жарым-жартылай көрүнө тургандай кылуу үчүн тунук эместикти жана тунук болууну кантип башкарууну үйрөнүңүз.

    Темалар: opacity, transparency

    Фон өлчөмү

    CSS касиеттери аркылуу фон сүрөттөрүнүн өлчөмүн көзөмөлдөөнү түшүнүү, жакшыраак дизайн көзөмөлү үчүн.

    Темалар: background size

    Сызыктуу градиенттер

    CSS'те түз сызык боюнча жылмакай түс өтүүлөрүн түзүү үчүн сызыктуу градиенттерди кантип түзүүнү үйрөнүңүз.

    Темалар: linear gradients

    Радиалдык градиенттер

    Радиалдык градиенттерди жана алардын тегерек же эллиптикалык түстүү өтүүлөрдү түзүү үчүн колдонулушун түшүнүңүз.

    Темалар: radial gradients

    Шрифттердин үй-бүлөлөрү

    CSSте текст элементтерине ар кандай шрифт үй-бүлөлөрүн жана аларды кантип колдонуу керектигин үйрөнүңүз.

    Темалар: font families

    Шрифт өлчөмдөрү

    Шрифт өлчөм бирдиктерин түшүнүү жана CSSте шрифт өлчөмдөрүн натыйжалуу коюу.

    Темалар: font sizes

    Шрифт салмактары

    Шрифт салмагынын касиеттери жана текстти жоон же жука кылып кантип колдонуу керектиги жөнүндө билип алыңыз.

    Темалар: font weights

    Саптардын бийиктиги

    Саптардын бийиктигин жана анын тексттин окумдуулугуна жана саптардын ортосундагы аралыкка тийгизген таасирин түшүнүңүз.

    Темалар: line height

    Аралык аралык

    Тексттин көрүнүшүн жакшыртуу үчүн тамгалардын ортосундагы аралыкты кантип тууралоону үйрөнүңүз.

    Темалар: letter spacing

    Текстти тегиздөө

    Текстти солго, оңго, борборго же тууралап тегиздөө үчүн текстти тегиздөө касиеттерин түшүнүңүз.

    Темалар: text alignment

    Текстти жасалгалоо

    Текстти стилдөө үчүн сызыкчалар, үстүнөн сызыкчалар жана сызып салуу сыяктуу текстти жасалгалоо касиеттери жөнүндө билип алыңыз.

    Темалар: text decoration

    Текстти өзгөртүү

    Тексттин регистрин чоң тамга, кичине тамга жана баш тамга опцияларын колдонуу менен кантип өзгөртүү керек экенин түшүнүңүз.

    Темалар: text transform

    Текст көлөкөсү

    Текстке көлөкө кошуп, тереңдикти жана басымдуулукту кантип түзүүнү үйрөнүңүз.

    Темалар: text shadow

    Веб шрифттер жана @font-face

    Веб шрифттерди жана @font-face эрежесин кантип колдонуу керектигин түшүнүп, веб баракчаларыңызга ыңгайлаштырылган шрифттерди кошуңуз.

    Темалар: web fonts, font-face

    Чек ара стилдери

    Ар кандай чек ара стилдери жөнүндө билип алыңыз, мисалы, катуу, сызыктуу, чекиттүү жана башкалар.

    Темалар: border styles

    Чек аранын туурасы

    Чектердин калыңдыгын башкаруу үчүн чек аранын туурасын кантип орнотууну түшүнүңүз.

    Темалар: border widths

    Чек ара түстөрү

    Элементтин көрүнүшүн жакшыртуу үчүн чек араларга түстөрдү кантип колдонуу керектигин үйрөнүңүз.

    Темалар: border colors

    Тегерек бурчтар (чек ара радиусу)

    Чек ара радиусу касиетин колдонуп, тегерек бурчтарды кантип түзүүнү түшүнүңүз.

    Темалар: rounded corners

    Контурлар жана Контурдун жылышы

    Контурлар жөнүндө жана аларды фокус эффекттерин түзүү үчүн кантип жылдыруу керектигин билип алыңыз.

    Темалар: outlines, outline-offset

    Box-shadow Property

    Box-shadow касиетин колдонуп, тереңдик эффекттери үчүн элементтерге көлөкөлөрдү кантип кошууну түшүнүңүз.

    Темалар: box-shadow

    Ачыктык

    Элементтерди тунук же жарым-жартылай тунук кылуу үчүн алардын тунук эмес болушун кантип башкарууну үйрөнүңүз.

    Темалар: opacity

    Фильтрлер (блур, жарыктык, контраст)

    CSS фильтрлерин жана алардын бүдөмүктөө, жарыктык жана контраст сыяктуу таасирлерин түшүнүңүз.

    Темалар: filters

    Курсор касиети

    Курсордун көрүнүшүн өзгөртүүнү үйрөнүп, колдонуучунун өз ара аракеттенүүсүнүн кайтарым байланышын жакшыртыңыз.

    Темалар: cursor

    Колдонуучуну тандоо

    User-select касиетин колдонуп, текст тандоо жүрүм-турумун кантип башкарууну үйрөнүңүз.

    Темалар: user-select

    Санак көрсөткүчтөрү

    Пойнтер окуяларын түшүнүү жана колдонуучу менен өз ара аракеттенүүнү башкаруу үчүн аларды кантип башкарууну үйрөнүү.

    Темалар: pointer events

    HSL Түстөрү

    HSL түс форматты түшүнүү жана түстөрдү аныктоо үчүн аны кантип колдонуу керектигин, ошондой эле түс, каныккандык жана жарыктык маанилерин колдонуу.

    Темалар: hsl colors

    Hex Colors

    CSSте түстөрдү так көрсөтүү үчүн он алтылык белгилөө аркылуу алты бурчтуу түс коддорун түшүнүү жана аларды кантип колдонуу керек.

    Темалар: hex colors

    Фондук сүрөттөр

    Элементтерге дизайнды жакшыртуу үчүн фондук сүрөттөрдү кантип колдонуу керектигин үйрөнүңүз.

    Темалар: background images

    Фонду кайталоо

    Фондук сүрөттөрдүн кайталанышына көзөмөл кылуу үчүн фондук кайталануу параметрлерин түшүнүңүз.

    Темалар: background repeat

    Фондук Позиция

    CSS касиеттери аркылуу фондук сүрөттөрдү так жайгаштырууну үйрөнүңүз.

    Темалар: background position