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
- Aby udostępnić projekt do edycji, kliknij Remiksuj, aby edytować.
- Otwórz:
app/index.html
- Na stronie
line 23
zastąp/* your centering CSS here /*
swoją usługą porównywania cen - (Opcjonalnie) Nazwij swoją metodę centrowania i zastąp tekst w polu
<h1>
Style
- Utwórz nowy plik w folderze
app/css/
- Utwórz selektor, w którym będzie przytrzymać rozwiązanie środkowe, np.
.turbo-center
lub[floaty-mcfloat]
- W nowym selektorze wpisz swoją technikę centrowania (
a drugie w
app/css/
jako przykłady) - (Opcjonalnie) Napisz „obsługuj style” i zobaczyć, które dzieci style obsługujące wyśrodkowanie
- Otwórz
app/css/index.css
i zaimportuj nowy plik u dołu
Powiąż wszystkie elementy
- Otwórz ponownie
app/index.html
- Znajdź
<article>
i dodaj do niego selektor niestandardowy utworzony w kroku 2 w kroku 2 poprzedniej sekcji. - Napisz mi na tweeta o swojej usterce, a ja pokażę ją post na blogu.