Жакшы typographic долбоор ийгиликтүү сайт маанилүү бөлүгү болуп саналат. CSS сага куруу интернет беттеринде интернет баракчалары тексттин пайда катуу көзөмөл кылат. Бул сиз колдонгон бардык тамга түсүн өзгөртүү мүмкүнчүлүгүн камтыйт.
Тамганын түсү колдонгон өзгөртүлүшү мүмкүн тышкы стилдердин баракты бир ички стилдер жадыбалы , же аны колдонуу менен өзгөртүлүшү мүмкүн киргизилген стилин HTML документтин ичинде. Мыкты тажрыйбалар сиз CSS стилдеги үчүн тышкы стилдердин баракты колдонуу керек деп койсок болот. Сиздин документтин "жетекчиси" деген түздөн-түз стилдери жазылган ички стилдер жадыбалы, жалпы эле кичинекей, бир-бет сайттар үчүн колдонулат. Сиздирилген стилдер алар, биз мындан көп жыл мурда жасаган мамилесинен эски "арип" Tags сыяктуу бери оолак болуу керек. Бул сап стилдери ал киргизилген стили ар кандай, мисалы, аларды өзгөртүү үчүн керек, анткени арип стили башкаруу үчүн өтө кыйын.
Бул макалада, сиз сырткы стилдин баланска, ошондой эле, бир пункт боюнча материалдар колдонулуп жаткан ыкма менен тексттин түсүн өзгөрткөндү үйрөнөбүз. Сиз <орган> тегинин ичинде текст, курчап турган бардык материалдар боюнча тексттин түсүн өзгөртүү үчүн бир стили мүлктү колдонууга болот.
Мүнөзүнөн кошуу Арип түсүн өзгөртүп
Бул, мисалы, сиз бет белгилөө менен бул документ тиркелет өзүнчө CSS үчүн болгон HTML документти болушу керек. HTML документти, кыязы, ага бир катар элементтери болмок. Ушул берененин максаттары үчүн биз бири менен байланыштуу абзац элементи болуп саналат.
Бул жерде сиздин тышкы стилдердин баракты колдонуп пункт Tags ичинде текст тексттин түсүн кызылга алмаштыруу керек болот.
Түсү баалуулуктар түстүү ачкыч, RGB түстүү саны, же алтылык түстүү номерлери сыяктуу көрсөтүлүшү мүмкүн.
- абзац тег үчүн стили касиетти кошуу:
- б {}
- Стили түс мүлктү кой. бул мүлктү кийин, кош чекитти коюп:
- б {түсү:}
- Андан кийин менчик кийин түс наркын. үтүрдүү-чекит менен аякташы били¾из:
- б {түсү: кара;}
Сиздин бетинен пункттарына азыр кара болот.
Бул мисал түс ачкыч сөзүн колдонот, - "караларга". Бул CSS түс кошуу үчүн бир жолу болуп саналат, бирок ал өтө чектелип жатат. "Кара" жана "ак" деген сөздөрдү колдонуу менен, бул эки түстөр абдан белгилүү болгондуктан, ачык эмес, бирок, сиз "кызыл", "көк", же "жашыл" сыяктуу сөздөрдү колдонуп, анда эмне болот? Так көлөкө кызыл, көк, жашыл же сиз ала турган болосуз? Сиз ачкыч сөздөр менен каалаган түс көлөкө так көрсөтүлүүгө мүмкүн эмес. Бул он алтылык баалуулуктар көп түстүү ачкыч ордуна колдонулат, ошондуктан.
б {түсү: # 000000; }
# 000000-жылдын болт коду кара которот, анткени бул CSS стили да, кара сенин пункттарында түсүн жолго чыгышчу. Сиз да болт наркы менен жазышат пайдаланууга, ошондой эле # 000 деп жазууга мүмкүн жана ошол эле нерсе керек болчу.
Жогоруда айтылгандай, гайка маанилер гана ак же кара эмес, бир түстү керек болгондо жакшы жардам берет. Бир мисал келтирейин:
б {түсү: # 2f5687; }
Бул болт балл көк түскө пункттары жолго чыгышчу, ал эми ачкыч, "көк" айырмаланып, бул болт коду сага жөндөмүн өзгөчө бир көлөкө коюуга көк берет - кыязы, дизайнер бири, алар макамын түзүп жатканда тандоо бул сайт. Бул учурда, түсү орто класстагы, таарынычым сыяктуу көк болот.
Акыр-аягы, сиз ошондой эле арип түстөрдөн RGBA түстүү баалуулуктарды колдоно аласыз. RGCA Эми сен бул баалуулуктарды бул интернет браузер аркылуу колдоого алынган жок деп аз тынчсызданып менен колдоно аласыз, ал азыркы бардык браузерлерде колдоого алынган, бирок да жеңил чегинүү коюуга болот.
б {түсү: rgba (47,86,135,1); }
Бул RGBA балл мурда аталган тосмо көк түс сыяктуу эле. Биринчи 3 баалуулуктар Кызыл, жашыл, көк баалуулуктарды жана акыркы саны Alpha жөндөө болуп саналат. Ал: "100%" дегенди билдирет ", 1" деп коюлса, бул түс эч кандай ачык-айкын болот. Эгер бир ондук сан деп коюлса, .85 болуп, ал 85% бүдөмүктөнүү жана түс менен которуп турган бир аз ачык-айкын болот.
Эгер түстүү баалуулуктарын ок келсе, бул эмне болмок:
б {
түс: # 2f5687;
түс: rgba (47,86,135,1);
}
Бул синтаксисин биринчи болт кодун белгилейт. Ал RGBA саны менен Наркы үстүнө. Бул RGBA колдоого албайт эски браузер биринчи мааниси жана экинчи бурбай турганын билдирет. Азыркы браузер CSS каскадын күнүнө экинчиси колдонмок.