Сілтеме қарпін қалай өзгертуге болады

Мазмұны:

Сілтеме қарпін қалай өзгертуге болады
Сілтеме қарпін қалай өзгертуге болады

Бейне: Сілтеме қарпін қалай өзгертуге болады

Бейне: Сілтеме қарпін қалай өзгертуге болады
Бейне: ҚАНДАЙ ЖАҒДАЙДА ФАМИЛИЯНЫ (ТЕГІҢІЗДІ) ӨЗГЕРТУГЕ БОЛАДЫ? 2024, Мамыр
Anonim

Сілтемелерді html-де көрсету параметрлерін өзгерту каскадтық CSS стиль кестелерін қолдану арқылы жүзеге асырылуы мүмкін. Олар сілтеме шрифтінің дисплейін, пайдаланушы оны басқанға дейін және тышқанды шерткеннен кейін оның түсін өзгертуге мүмкіндік береді. Сондай-ақ, қолданылған қаріптің баспа түрін және оның өлшемін өзгертуге болады.

Сілтеме қарпін қалай өзгертуге болады
Сілтеме қарпін қалай өзгертуге болады

Нұсқаулық

1-қадам

Css ішіндегі сілтеме параметрлерін орнату үшін класстар мен псевдокластар қолданылады. Псевдо-класс а: сілтемесі әдеттегі сілтеме үшін стильді белгілейді, a: visit бұрыннан пайдаланылған сілтемені көрсетуге мүмкіндік береді. A: элемент элементті меңзер басқанда тегтің параметрлерін белсенді өңдейді, ал а: hover сілтеменің үстінен жылжытқан кезде оның мәнерін орнатады. Сондай-ақ, элемент үшін кез-келген классты өзіңіз жасай аласыз, ал параметрлерде мәтінді форматтау үшін стандартты операторларды қолданыңыз.

2-қадам

Браузерде сілтеме мәтінінің асты сызылған сызбасын көрсетуді өшіру үшін мәтінді безендіру: none параметрін қолданыңыз. Сіз бұл төлсипатты класта да, элемент үшін псевдо-класста да көрсете аласыз. Сілтеменің түсін өзгерту үшін түс параметрін, өлшемі үшін - қаріп өлшемінің стандартты атрибутын қолданыңыз. Егер сіз қою немесе курсив түрін қосқыңыз келсе, шрифт-салмақ параметрін қолданыңыз.

3-қадам

Бет кодын өңдеу үшін html файлын кез келген мәтіндік редактормен ашыңыз. Осыдан кейін, құжаттың бөліміне өтіп, беттің болашақ сілтемелері үшін css кодын тұтқаны қолданып орнатыңыз. Мысалға:

Сілтемелерді өзгерту

а: сілтеме {мәтіндік безендіру: жоқ;

қаріп өлшемі: 14px;

қаріп салмағы: қалың;

түс: қызыл; }

4-қадам

Бұл код кәдімгі сілтемеден сызылған сызықты алып тастайды, мәтін өлшемін 14 пиксельге орнатады, қалың стиль мен элементтің қызыл түсін қолданады. Енді тегтегі кез-келген сілтеме осылай көрсетіледі.

5-қадам

Сіз css кластарын пайдаланып әр нақты сілтеме үшін стиль жасай аласыз. Осылайша, егер тегтегі код келесідей болса:

a.link1 {қаріп өлшемі: 20px; түс: қара;}

6-қадам

Сілтеменің өлшемін құжаттың негізгі бөлігіндегі класты қолдану арқылы 20 пиксельге және қара түске қоюға болады:

Сілтеме

Мысалдан сілтемеге кластың төлсипатын көрсету арқылы сілтеме жасалған css код сыныбы жасалғанын көруге болады. Енді бұл сілтеме қара түспен көрсетіледі және өлшемі 20 пиксел болады. Бұл төлсипатты өзгерту үшін парақ бөлігінің css кодын өңдеңіз.

7-қадам

Сілтеменің сыртқы түрін өзгерту аяқталды, файлға енгізілген өзгертулерді сақтап, оны шолғышта қарау үшін іске қосуға болады.

Ұсынылған: