Span Tag жана CSS менен Сөзүн Түсү кантип өзгөртүү керек

Менен CSS , бул документтин тексти түсү үчүн жеңил болот. Эгер беттеги пункттарына бир түстө аткарылууга тийиш келсе, жөн гана сырткы стилдин экенин аныктоо жана серепчи тандап түстүү сиздин текстти көрсөтөт. Тексттин бир пункттун ичинде бир эле сөз (же, балким, бир нече эле сөз) түсүн өзгөртүү келгенде, андан кийин эмне болот? Анткени, сиз тег сыяктуу киргизилген элементин колдонуу керек болот.

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

Бул макалада HTML жана CSS мүмкүн жаңы болгон желе иштеп баштап болот. Бул сиздин беттеринде белгилүү тексттин түсүн өзгөртүү HTML теги жана CSS кантип колдонууну билүүгө жардам берет. Мен бул макаланын аягында жабат Бул ыкма, бул үчүн, кээ бир кемчиликтер бар деп жатат. Ал эми азыр, бул тексти түсү өзгөрүп кадамдарды үйрөнүү үчүн окуу! Бул абдан жеңил жана 2 минут талап кылынышы керек.

Кадам боюнча нускама менен

  1. Эгер жакшы көргөн текст HTML редактору өзгөртүүнү каалайсыз интернет баракты ачуу. Бул сыяктуу программа болушу мүмкүн Adobe Dreamweaver Нотпадда, Notepad ++, TextEdit ж.б. сыяктуу же жөн гана текст редактору
  2. документте, сен беттеги ар кандай түстө көрсөтүлөт каалаган сөздөрдү жайгашкан. Бул үйрөткүч үчүн, тексттин белгилүү бир пункттун ичинде кээ бир сөздөрдү колдонууга жол ачат. Бул текст thetag жуп камтылган болот. түсүн түзөтүү үчүн келет, эки сөздүн бири табуу.
  3. Сиз түсүн өзгөртүп келген сөздөрдүн сөз же топтун биринчи катында алдында курсорду. Эгер сиз колдонуп жаткан болсо, унутпа WYSIWYG Dreamweaver сыяктуу редактору, сиз азыр "коду көрүнүшү" менен иштеп жатышат.
  4. түстө, биз класстык атрибуту, анын ичинде тег менен өзгөртүүнү каалаган текстти ороо көрөлү. толугу менен пункт мындай болушу мүмкүн: Бул сүйлөмдүн үстүндө багытталган текст болуп саналат.
  5. Биз жөн гана киргизилген элементи пайдаланылган, ал белгилүү бир текст CSS колдоно турган "кайырмак" берип жатат. Биздин кийинки кадам жаңы эреже кошуу тышкы CSS делосуна секирүү болуп саналат.
  1. Биздин CSS кезекте, анын кошууга жол ачат:
    1. .focus-текст {
    2. түс: # f00;
    3. }
  2. Бул эреже ошол киргизилген элементи жолго чыгышчу, түсү кызыл элек. Биз кара болгон документтин тексти менен коюлган мурунку стили болсо, бул киргизилген стили карыш текст боюнча багытталат жана ар кандай түс менен чыгып турууга алып келет. Биз, ошондой эле, балким, текст жантык же андан көбүрөөк басым жасоо үчүн кайраттуулук менен кабыл алуу, бул эреже башка образын кошууга мүмкүн?
  3. Сенин бет сактоо.
  4. Бет текшер күчүндө өзгөрүүлөрдү көрүп, жакшы көргөн интернет браузер аркылуу.
  5. Андан тышкары, кээ бир интернет адистер же теги-экиден болуп башка элементтерди колдонуу үчүн тандап алган бургула. Бул теги атайын "кайраттуулук" жана "кыйгач" үчүн колдонулат, бирок эскирип калган жана менен алмаштырылган. Tags дагы заманбап браузерлерде Бирок, көп желе иштеп киргизилген стилдер илгичтери катары колдонуп иштейт. Бул жаман мамиле эмес, бирок кандай болбосун, эскирип калган элементтерди оолак кааласам, тъсъ бир муктаждыктарын бул түрлөрү боюнча материалдар менен дос сунуштайбыз.

Сунуштар жана нерселер Watch үчүн Out үчүн

Бул мамиле чакан стилдер муктаждыктары үчүн жакшы иштейт, ал эми сен бир документтин текстин бир аз бөлүгүн өзгөртүү керек болсо, анда тез эле көзөмөлдөн чыгып кетиши мүмкүн. Эгер бет сиз CSS делосуна колдонуп жаткан киргизилген элементтерди, өзгөчө сабактарды бардык болгон да арбын экенин, анда ал туура эмес иш болушу мүмкүн, унутпа, сенин бетинде бул Tags көп, ошончолук аны бул барак алдыга сактоо үчүн болушу мүмкүн. Андан тышкары, жакшы желе Оюп түсү көп Тематикалар чанда эле ээ-беттеги боюнча жана башкалар!