Шилтемелердин html дисплейинин параметрлерин өзгөртүү CSS стилдеринин каскаддык жардамы менен жүргүзүлүшү мүмкүн. Алар шилтеме шрифтинин көрсөтүлүшүн, колдонуучу аны басканга чейин жана чычканды чыкылдаткандан кийин анын түсүн настройкалоо мүмкүнчүлүгүн берет. Ошондой эле, колдонулган шрифттин тамгасын жана анын өлчөмүн өзгөртө аласыз.
Нускамалар
1 кадам
CSSте шилтеме параметрлерин орнотуу үчүн класстар жана псевдо-класстар колдонулат. Псевдо-класс а: шилтемеси кадимки шилтеменин стилин белгилейт, a: Visit буга чейин колдонулган шилтемени чагылдыруу мүмкүнчүлүгүн берет. A: курсор элементти басканда активдүү тэгдин параметрлерин иштетет, а: hover шилтеменин үстүнөн жылдырганда стилин орнотот. Ошондой эле, сиз элемент үчүн каалаган классты түзсөңүз болот жана параметрлерде текстти форматтоо үчүн стандарттык операторлор колдонулат.
2-кадам
Браузердеги шилтеме текстинин астын сызууну көрсөтүүнү өчүрүү үчүн, текстти жасалгалоо: none параметрин колдонуңуз. Бул атрибутту класста дагы, элемент үчүн псевдо-класста дагы көрсөтсөңүз болот. Шилтеменин түсүн өзгөртүү үчүн түс параметрин колдонуңуз, өлчөмү үчүн - стандарттуу арип-өлчөм атрибуту. Эгер сиз калың же курсив түрүн кошкуңуз келсе, шрифт-салмак параметрин колдонуңуз.
3-кадам
Баракча кодун түзөтүү үчүн, кайсы тексттик редактор менен html файлыңызды ачыңыз. Андан кийин, документтин бир бөлүгүнө өтүп, туткасын колдонуп, беттеги келечектеги шилтемелер үчүн CSS кодун орнотуңуз. Мисалы:
Шилтемелер өзгөртүлүүдө
а: шилтеме {текстти жасалгалоо: жок;
ариптин көлөмү: 14px;
font-weight: bold;
Кызыл түс; }
4-кадам
Бул код кадимки шилтемеден сызылган сызыкты алып салат, тексттин көлөмүн 14 пикселге чейин түзөт, калың стилди жана элементтин кызыл түсүн колдонот. Эми тэгдеги каалаган шилтеме ушундай көрсөтүлөт.
5-кадам
Сиз CSS класстарын колдонуп, ар бир конкреттүү шилтемени стилдештире аласыз. Ошентип, тэгдеги код төмөнкүдөй көрүнсө:
a.link1 {ариптин көлөмү: 20px; Кара түс;}
6-кадам
Шилтеменин көлөмүн документтин тулку бөлүгүндөгү классты колдонуу менен 20 пикселге жана кара түскө коюуга болот:
Шилтеме
Шилтемеге шилтеменин класстык атрибутун көрсөтүү менен CSS коду классына артка кадам ташталгандыгын көрө аласыз. Эми бул шилтеме кара түстө көрсөтүлүп, көлөмү 20 пиксел болот. Бул атрибутту өзгөртүү үчүн, барак бөлүмүнүн CSS кодун түзөтүңүз.
7-кадам
Шилтеменин тышкы көрүнүшүн өзгөртүү аягына чыкты, сиз файлдагы өзгөртүүлөрдү сактап, аны браузерде көрүү үчүн иштете аласыз.
