Промяната на параметрите на показване на връзките в html може да се извърши с помощта на каскадни таблици със стилове css. Те ви позволяват да персонализирате показването на шрифта на връзката, цвета му преди потребителят да кликне върху него и след щракване с мишката. Можете също да промените шрифта на използвания шрифт и неговия размер.
Инструкции
Етап 1
Класовете и псевдокласовете се използват за задаване на параметри на връзката в css. Псевдокласът a: link задава стила за обикновена връзка, a: posetila ви позволява да персонализирате показването на вече използвана връзка. A: active обработва параметрите на маркера при щракване върху курсора върху елемента, а a: hover задава стила на връзката, когато задържите курсора на мишката върху нея. Можете също така да създадете всеки клас за елемента сами, а в параметрите използвайте стандартни оператори за форматиране на текста.
Стъпка 2
За да деактивирате показването на подчертаването на текста на връзката в браузъра, използвайте параметъра text-decoration: none. Можете да посочите този атрибут както в клас, така и в псевдоклас за елемент. За да промените цвета на връзката, използвайте параметъра цвят, за размера - стандартния атрибут размер на шрифта. Ако искате да включите получер или курсив, използвайте параметъра font-weight.
Стъпка 3
Отворете вашия html файл с какъвто и да е текстов редактор, който използвате за редактиране на кода на страницата. След това отидете на раздел от вашия документ и задайте css кода за бъдещи връзки на страницата с помощта на манипулатор. Например:
Смяна на връзки
a: link {text-decoration: none;
размер на шрифта: 14px;
шрифт-тегло: получер;
цвят: червен; }
Стъпка 4
Този код премахва подчертаването от обикновена връзка, задава размера на текста на 14 пиксела, прилага смел стил и червен цвят на елемента. Сега всяка връзка в маркера ще се показва по този начин.
Стъпка 5
Можете да стилизирате за всяка конкретна връзка, като използвате css класове. По този начин, ако кодът в маркера изглежда така:
a.link1 {размер на шрифта: 20px; цвят черен;}
Стъпка 6
Можете да зададете размера на връзката на 20 пиксела и черен, като използвате класа в тялото на документа, както следва:
Връзка
От примера можете да видите, че на връзката е присвоена създадената стъпка назад клас css код, като посочите атрибута на класа на връзката. Тази връзка вече ще се показва в черно и ще има размер от 20 пиксела. За да промените този атрибут, редактирайте css кода на раздела на страницата.
Стъпка 7
Промяната на външния вид на връзката е завършена, можете да запишете направените промени във файла и да го стартирате за преглед в браузър.
