Ćwiczenia z programowania: wyśrodkowanie w CSS

Dzięki tym ćwiczeniom w Codelabs możesz udostępniać i prezentować swój ulubiony sposób skupienia CSS.

W poście Centering in CSS (Wyśrodkowanie w CSS) znajdziesz informacje na temat 5: to moje ulubione sposoby środkowania w CSS. Lub obejrzyj ten film wideo!

Konfiguracja

  1. Aby udostępnić projekt do edycji, kliknij Remiksuj, aby edytować.
  2. Otwórz: app/index.html
  3. Na stronie line 23 zastąp /* your centering CSS here /* swoją usługą porównywania cen
  4. (Opcjonalnie) Nazwij swoją metodę centrowania i zastąp tekst w polu <h1>

Style

  1. Utwórz nowy plik w folderze app/css/
  2. Utwórz selektor, w którym będzie przytrzymać rozwiązanie środkowe, np. .turbo-center lub [floaty-mcfloat]
  3. W nowym selektorze wpisz swoją technikę centrowania ( a drugie w app/css/ jako przykłady)
  4. (Opcjonalnie) Napisz „obsługuj style” i zobaczyć, które dzieci style obsługujące wyśrodkowanie
  5. Otwórz app/css/index.css i zaimportuj nowy plik u dołu

Powiąż wszystkie elementy

  1. Otwórz ponownie app/index.html
  2. Znajdź <article> i dodaj do niego selektor niestandardowy utworzony w kroku 2 w kroku 2 poprzedniej sekcji.
  3. Napisz mi na tweeta o swojej usterce, a ja pokażę ją post na blogu.