Каскаддык стилдер баракчалары HTML барактын мазмунун форматтоо үчүн колдонулат. Демек, CSSте колдонулган бардык буйруктар HTML документинин каалаган элементтеринин көрүнүшүн түзөтүүгө багытталган.
Ал зарыл
Интернет байланышы бар компьютер
Нускамалар
1 кадам
Каскаддык стилдер кантип колдонулаары жөнүндө окуңуз. Текстти форматтоо - каскаддык стилдеги баракчалардын эң көп колдонулган өзгөчөлүгү. Кез келген HTML документинде ар кандай бөлүктөрүндө тексттик маалыматтын көлөмү чоң. Ошол эле учурда, барактын ар бир бөлүгү өзүнүн форматына жана шрифтине ээ болушу керек: тексттин бир бөлүгү менюнун тексти, экинчиси аталышы, үчүнчүсү барактын негизги тексти ж.б. Тексттик маалыматты форматтоо үчүн командалардын жардамы менен шрифттин аталышы, анын өлчөмү, салмагы ж.б.
2-кадам
Ошентип, биринчи кезекте, шрифт-үй-бүлө стили параметрине көңүл буруңуз. Бул атрибут ушул тег үчүн белгилүү бир шрифт коюуга мүмкүндүк берет. Ариптин аталышы ":" белгисинен кийин жазылат. Арип өлчөмүнүн стили атрибуту тегдеги тексттин көлөмүн белгилөө үчүн колдонулат. Өлчөмдүн мааниси ошондой эле ":" белгисинен кийин жазылат жана пиксел менен көрсөтүлөт, мисалы, "font-size: 20px".
3-кадам
Стилдин параметрлерин бириктирүүгө жана “;” белгисин колдонуп жазууга болот. Бул бир тег үчүн бир нече параметрлерди орнотуу керек болсо, пайдалуу.
4-кадам
Тексттин түсүн өзгөртүү үчүн стиль атрибутунун түсүн колдонуңуз. Түстүн аталышы стандарттуу түрдө жазылат: жашыл, көк, кызыл жана башкалар. Ошондой эле анын тексттин гана эмес, өңдүн өңүн дагы коюу мүмкүнчүлүгү бар. Бул максат үчүн фон-түс атрибуту колдонулат, андан кийин тандалган түс да көрсөтүлүшү керек. Эгерде сиз бул тегдин фонунда толтурууну эмес, сүрөттү колдонууну кааласаңыз, анда сүрөттүн булагын көрсөтүү менен, фон-сүрөт стили параметрине кайрылыңыз.
5-кадам
Барак элементтеринин параметрлерин орнотуучу бир катар стилдик атрибуттар менен таанышыңыз, алар биринчи кезекте толтурууну, чек араны, калкып чыгууну, позицияны камтыйт.
6-кадам
Толтуруу параметрин колдонуп, берилген тег менен байланышкан маржанын көлөмүн белгилеңиз. Бул учурда, бул маани ар бир тараптан эсептелет. Бул талаанын чек арасын түзүү үчүн чек ара атрибутун көрсөтүңүз. Кош чекиттен кийин чек аранын туурасы пиксель менен жазылат. Float касиети сиздин баракчаңыздагы бир элементтин оңго же солго сүзүп кетишине жол ачат. Ушуга байланыштуу, ушул касиеттин квалификациялык параметрлери солго же оңго.
7-кадам
Эгер сиз документти объектиңизди так жайгаштырышыңыз керек болсо, позиционердин касиетин колдонуңуз. Ал барактын элементин абсолюттук жол менен жайгаштырат, мисалы, "позиция: абсолюттук; төмөн: 50px; оң: 10px;", же салыштырмалуу түрдө, барактын четтеринен алыстыкка негизделген.
