Spremenite barvo besede z oznako SPAN v CSS

V zunanjem listu slogov CSS lahko določite barve, velikosti in druge parametre pisave. Če želite spremeniti barvo samo ene besede ali besedne zveze, je najlažji in najpreprostejši način, da oznako uporabite v vrstici. Vstavljeni CSS je tako, kot se sliši: dodan je v HTML strani in ne v zunanjem slogovnem listu.

Izogibajte se uporabi oznake, ki je bila zastarela.

Spremenite barvo besede z uporabo oznake:

  1. Z uporabo želenega urejevalnika besedila ali HTML v načinu pogleda kode postavite kazalec pred prvo črko besede ali skupine besed, ki jih želite obarvati.

  2. Besedilo, katerega barvo želimo spremeniti, zavijemo z oznako, vključno z atributom razreda. Celoten odstavek je lahko videti tako: To je besedilo, ki je osredotočeno na stavek.

  3. Dajte temu besedilu "kljuko", ki jo lahko uporabimo v CSS. Naslednji korak je, da preskočite na zunanjo datoteko CSS in dodate novo pravilo.

    V našo datoteko CSS dodajte:

    .focus-text {

     barva: # F00;

    }

    To pravilo bi določilo, da se vrstni element, the, prikaže v rdeči barvi. Če bi imeli prejšnji slog, ki je besedilo dokumenta postavil v črno barvo, bi ta vrstni slog povzročil, da se besedilo v razponu osredotoči in izstopa z drugo barvo. Temu pravilu bi lahko dodali tudi druge sloge, morda besedilo poševno ali krepko poudarili?

    instagram viewer

  4. Shranite svojo stran.

    Preizkusite stran v svojem najljubšem spletnem brskalniku, da vidite dejanske spremembe.

    Upoštevajte, da se nekateri spletni strokovnjaki poleg, da se odločijo za uporabo drugih elementov, kot sta para ali tag. Te oznake so bile včasih krepko in ležeče, vendar so bile zastarele in nadomeščene z in. Oznake še vedno delujejo v sodobnih brskalnikih, zato jih mnogi spletni razvijalci uporabljajo kot vstavljene kljuke za oblikovanje. To ni najslabši pristop, če pa se želite izogniti zastarelim elementom, predlagamo, da se za te vrste oblikovanja držite oznake.

Nasveti in stvari, na katere morate biti pozorni

Ta pristop sicer dobro deluje za majhne potrebe po oblikovanju, na primer, če morate v dokumentu spremeniti le en majhen del besedila, lahko hitro uide nadzoru. Če ugotovite, da je vaša stran polna vstavljenih elementov, ki imajo vse edinstvene razrede, ki jih uporabljate v datoteki CSS, lahko delajte narobe, ne pozabite: več kot je teh oznak na vaši strani, težje bo verjetno ohranjati stran naprej. Poleg tega ima dobra spletna tipografija redko toliko različic barv itd. po celotni strani.

instagram story viewer