Return to Video

CSS font styles

  • 0:01 - 0:03
    Co jeszcze
    można zmienić w czcionce?
  • 0:03 - 0:06
    A gdyby pierwszy akapit
    miał być pogrubiony?
  • 0:07 - 0:09
    Moglibyśmy zamknąć go
    w znaczniki „strong”.
  • 0:10 - 0:12
    Ale tak nie należy
    używać tego znacznika.
  • 0:13 - 0:14
    Nie chcemy powiedzieć,
  • 0:14 - 0:16
    że cały akapit jest do zakreślenia.
  • 0:16 - 0:19
    Tylko wyglądałby lepiej
    z pogrubieniem.
  • 0:19 - 0:22
    Użyjemy własności CSS
    „font-weight” (grubość czcionki).
  • 0:22 - 0:28
    Przejdźmy do odpowiedniej reguły
    i wpiszmy: „font-weight: bold”.
  • 0:28 - 0:29
    Mamy pogrubienie.
  • 0:30 - 0:35
    A gdybyśmy chcieli wyświetlić
    teksty piosenek kursywą?
  • 0:35 - 0:38
    Można by je zamknąć
    między znacznikami „em”,
  • 0:38 - 0:42
    bo przeglądarka domyślnie
    pokazuje „em” pismem pochyłym.
  • 0:43 - 0:44
    Ale nie róbmy tego,
  • 0:44 - 0:47
    nie nadużywajmy znacznika „em”.
  • 0:47 - 0:49
    Nie chcemy uwydatnić całej piosenki;
  • 0:49 - 0:52
    tylko pochyłe litery
    będą tu wyglądać lepiej.
  • 0:52 - 0:56
    Użyjemy więc właściwości CSS
    „font-style”.
  • 0:56 - 1:00
    Przejdźmy do reguły „song-lyrics”,
  • 1:00 - 1:03
    i wpiszmy: „font-style: italic”.
  • 1:04 - 1:06
    Świetnie.
  • 1:06 - 1:09
    Zauważcie: czcionkę określa
    wiele właściwości
  • 1:09 - 1:10
    w jednej regule słów piosenki.
  • 1:11 - 1:14
    Mamy: „font-family”,
    „font-size” i „font-style”.
  • 1:14 - 1:19
    Możemy je połączyć
    w jedną właściwość „font”,
  • 1:19 - 1:24
    pisząc po prostu:
    „font: italic 13px fantasy”.
  • 1:25 - 1:29
    Skasujmy tamte trzy właściwości.
  • 1:29 - 1:31
    Wszystko wygląda tak samo.
  • 1:31 - 1:36
    Nazywamy to „właściwością
    skróconą” - bo jest krótsza.
  • 1:36 - 1:38
    Ale ja jej nie lubię,
  • 1:38 - 1:41
    bo wylatuje mi z głowy
    kolejność właściwości.
  • 1:41 - 1:44
    Wolę pisać je oddzielnie.
  • 1:44 - 1:47
    Przywrócę więc to, co było wcześniej.
  • 1:48 - 1:52
    Czy jesteście „skracaczami”,
    czy „wydłużaczami”,
  • 1:52 - 1:55
    pamiętajcie: liczy się styl.
Title:
CSS font styles
Description:

{'type': u'plain'}

more » « less
Video Language:
English
Duration:
01:56
Lech Mankiewicz edited Polish subtitles for CSS font styles

Polish subtitles

Revisions