Kuinka Muuttaa Sivuston Linkkien Väriä

Sisällysluettelo:

Kuinka Muuttaa Sivuston Linkkien Väriä
Kuinka Muuttaa Sivuston Linkkien Väriä

Video: Kuinka Muuttaa Sivuston Linkkien Väriä

Video: Kuinka Muuttaa Sivuston Linkkien Väriä
Video: Как принять квартиру у застройщика? Ремонт в НОВОСТРОЙКЕ от А до Я. #1 2024, Marraskuu
Anonim

Sivuston parissa työskentelevät sekä ammattimaiset ylläpitäjät että ihmiset, jotka harjoittavat sivuston päivittämistä, mutta eivät ammattilaisia, tekevät erilaisia muutoksia verkkoresurssin tyyliin. Esimerkiksi joudut jostain syystä joutumaan vaihtamaan sivuston linkkien väriä.

Kuinka muuttaa sivuston linkkien väriä
Kuinka muuttaa sivuston linkkien väriä

Tässä tapauksessa sinun on tiedettävä, että linkkien väriä muutetaan CSS: n (CSS) avulla - CSS-tyylisivut. Nämä ovat taulukoita, joita käytetään yhdessä ohjelmointikielen kanssa verkkoresurssin luomiseen. CSS on vastuussa sivuston rakenteesta, ts. Sen tyylistä, ulkonäöstä ja html: stä - resurssin sisällöstä. CSS on jatkoa HTML: n kehitykselle.

Linkin väri sivustolla

Joten voit muuttaa linkkien väriä sekä koko sivustolle että jokaiselle linkille erikseen. Linkin värit asetetaan päätagin attribuutiksi. Määritettä ei tarvitse kirjoittaa koodiin, koska osa niistä on jo oletusarvoisesti asetettu. Linkki-attribuutti määrittää sivustosivun linkkien värin. Oletusarvo on sininen. Alink on määritelmä, joka määrittää aktiivisten linkkien värin, oletuksena se on punainen. Vlink - vieraillut linkit, niiden yleisesti hyväksytty väri on violetti.

Useimmiten verkkosivujen linkkien väri asetetaan heksadesimaalimerkinnällä (#EEEEEE - harmaa) tai rgb-muodossa (# 808080 - harmaa), mutta voit käyttää myös perinteistä englanninkielistä värimerkintää (harmaa - harmaa). Lisäksi väri voidaan asettaa asteina, HSL-muoto sopii tähän. Värikartat on helppo löytää Internetistä.

Muuta linkkien väriä

Jos haluat muuttaa sivun kaikkien linkkien väriä, riittää, että vaihdat tyyleissä olevan väriominaisuuden värin. Voit tehdä tämän etsimällä style.css-tiedoston, avaamalla sen ja etsimällä attribuutin. Esimerkiksi A {väri: vihreä; / * Linkin väri * /}, jossa A on linkki, jonka värin muutamme vihreäksi. Voit muuttaa väriarvoa haluamallasi tavalla käyttämällä mitä tahansa värimerkintäjärjestelmää. Selain "ymmärtää" sinua. Tyyli koskee kaikkia verkkosivun linkkejä. Voit muuttaa muiden määritteiden värejä samalla tavalla, esimerkiksi linkin väriä, kun viet hiiren osoittimen päälle sen päälle.

Jos haluat luoda linkkejä eri väreillä verkkosivulle, käytä seuraavaa tyylitaulukon merkintää:

.valikko a {väri: harmaa; }

.sisältö {väri: vihreä; }

Esimerkistä seuraa, että valikon linkit ovat harmaita ja sisältölohkon linkit vihreitä.

Samat vaiheet voidaan tehdä linkeillä, jos tyylit eivät ole erillisessä tiedostossa, vaan itse HTML-asiakirjassa. Nämä ovat kontekstuaalisia valitsimia.

Jos haluat muokata tyylejä nopeasti ja muuttaa linkkien värejä, on parempi käyttää visuaalista editoria Dreamwever. Tärkeintä on muistaa, että linkkien tulisi näyttää orgaanisilta suhteessa koko verkkosivuun. Vaaleilla taustoilla tummat linkit ovat parempia ja päinvastoin.

Suositeltava: