Ako zmeniť písmo a farbu textu na webovej stránke pomocou CSS?

Ak chcete zmeniť písmo textu
Ak chcete zmeniť písmo textu, použite rodinu fontov css 'Napríklad: Text spôsobí, že „Text“ použije písmo Times.

Chcete použiť najnovšiu technológiu na úpravu svojich webových stránok? Tu je postup!

Kroky

  1. 1
    Pochopte, ako CSS funguje s HTML. Napríklad:
    <span style = "(css)"> Text </span> 
    Takmer každá značka HTML môže obsahovať „štýl“, ako napríklad
    p 
    alebo
    div 
    Medzi úvodzovkami je časť CSS.
  2. 2
    Ak chcete zmeniť písmo textu, použite css '
    font-rodina 
    Napríklad:
    <span style = "font-family: times;"> Text </span> 
    spôsobí, že „Text“ bude používať písmo Times.
  3. 3
    Ak chcete nastaviť poradie preferencií, v prípade, že konkrétne písmo nie je v počítači osoby, oddeľte názvy písem čiarkami. Napríklad:
    <span style = "font-family: times, georgia, serif;"> Text </span> 
    spôsobí, že „Text“ bude používať písmo Times. Ak časy nie sú k dispozícii, použije sa Gruzínsko. Ak nie sú k dispozícii Times ani Georgia, použije sa generické pätkové písmo.
    Že „Text“ bude používať písmo Times
    Napríklad: Text spôsobí, že „Text“ bude používať písmo Times.
  4. 4
    Na nastavenie farby textu použite css '
    písmo 
    Napríklad:
    <span style = "font: red;"> Text </span> 
    spôsobí, že „Text“ bude červený. Namiesto „červenej“ môžete použiť ľubovoľný platný názov farby HTML. Môžete tiež použiť hexadecimálny kód. Napríklad:
    <span style = "font: #FFFFFF;"> Text </span> 
    spôsobí, že „text“ bude biely.

Tipy

  • Uistite sa, že všetky citáty, dvojbodky a ďalšie symboly sú na správnych miestach; v opačnom prípade nemusíte dostať očakávaný výsledok.
  • Možno budete chcieť testovať svoj kód vo viacerých prehliadačoch, aby ste sa uistili, že funguje v čo najväčšom počte.

Súvisiace články
  1. Ako zmeniť farbu odkazu v CSS?
  2. Ako kódovať HTML v systéme Chrome OS?
  3. Ako pridať metaznačky?
  4. Ako vytvoriť stránku GUI a pridať ovládacie prvky?
  5. Ako otvoriť Hotmail?
  6. Ako obnoviť stratené heslo služby Hotmail?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail