Чимэглэлийн доогуур CSS-элемент

Технологийн загварчлах HTML-хуудас дизайны хоёр үүрэг гүйцэтгэнэ. Нэгдүгээрт, түүний тусламжтайгаар тэнд сайтын бие даасан элемент нь үүсэх байр суурь юм. Хоёрдугаарт, энэ нь нэгж харааны хэрэглэгч рүү татдаг байна. Хоёр дахь үйл ажиллагааг хэрэгжүүлэх олон арга замаар явагддаг. Тэдний нэг нь - онцлон тэмдэглэсэн байдаг. CSS энэ шинж чанар text- гоёл чимэглэлийн зориулалтаар олгодог.

Үзүүлэлт нь шинж чанар бичлэг

text- чимэглэл өмч энгийн байдаг ашигла. CSS файл кодыг бүртгүүлэх хангалттай зүйлийг дараах мөрийг:

text- чимэглэл: znachenie_atributa;

Харин үүний оронд нь "znachenie_atributa» CSS тодорхойлолт тохируулгууд нь хэд хэдэн санал болгож байна:

• доогуур нь зур - шууд текст доор байрлах мөрийг;
• overline - мөр текст дээрээс ажилладаг;
• аль нь ч - бүх чимэглэлийн нөлөө зайлуулах;
• өвлөх - эцэг эх элементийн үнэ цэнийг батлав.

Дээрх энэ шинж чанар нь CSS онцлон боловч, ийм "ирмэхийн зуур" буюу Хаялтанд текст гэх мэт бусад нөлөөг нь зөвхөн заасан шиг, бичлэг бүх л боломжит хэлбэр биш юм.

дизайн холбоосуудыг жишээ

вэб дизайн, програмчлал эхлэн, асуулт урган гарч байна: яагаад бичвэрт доод мөрийг вэ? Түүний урд Холбоос юм гэдгийг хэрэглэгчийн хуваарилах энэ аргыг интернэт технологийн эрин үүрээр - аль дээр дарж, текстийг шинэ хуудсанд шилжих шилжилтийг хийж болно.

Анхдагч байдлаар, холбоос эд хөрөнгийн доогуур нь зур тогтоосон. Бодит байдал дээр, идэвхгүй төхөөрөмжүүдээс мөрийг устгаж, хэрэглэгчид хулгана заагчийг хөдөлгөдөг гэж тэр харагдахуйц болгох асуудал байдаг. Энд доогуур CSS холбоосууд хорьдог кодын жишээ байна:

нь {текст чимэглэлийн: Байхгүй; }

дараах оруулгыг ашиглан идэвхтэй холбоос нь:

нь: Hover {текст чимэглэлийн: онцлон тэмдэглэж байна;}

Нарийвчилсан чимэглэлийн доогуур

чимэглэлийн text- Стандарт шинж чанар нь хэд хэдэн хязгааруудтай:

• шугам өнгө холбоос текстийн өнгө нь өөр өөр, энэ нь тэдний "будах" хооронд нь ялгах боломжгүй байх;
• Зөвхөн хатуу шугам доогуур болгон ашиглаж байна. CSS тэмдгийг бусад хэв маяг нь ашиглах татах биш юм.

Харин тусгай арга техник тойруу текст сонгодог харагдах тусалдаг. Эхний тохиолдолд, нэмэлт хаяг ашиглан гиперлинк тохируулах талаар.

Жишээ нь: