Dzięki temu ćwiczeniu w Codelabs dowiesz się, jak udostępniać i prezentować swój ulubiony sposób centrowania danych w CSS.
Przeczytaj posta na blogu Centering in CSS, aby poznać 5 moich ulubionych sposobów wyśrodkowania w CSS. Albo obejrzyj ten film!
Konfiguracja
- Aby umożliwić edytowanie projektu, kliknij Zremiksuj do edycji.
- Otwórz aplikację
app/index.html
- Na stronie
line 23
zastąp/* your centering CSS here /*
swoją usługą porównywania cen - (opcjonalnie) Nazwij technikę środkowania i zastąp tekst w polu
<h1>
Style
- Utwórz nowy plik w folderze
app/css/
- Utwórz selektor rozwiązania środkowego, np.
.turbo-center
lub[floaty-mcfloat]
- W nowym selektorze wpisz technikę środkowania (możesz porównać metodę środkową z drugim w
app/css/
jako przykłady). - (opcjonalnie) napisz „Style pomocy”, abyśmy mogli zobaczyć, które dzieci potrzebują stylu
- Otwórz aplikację
app/css/index.css
i zaimportuj nowy plik u dołu
Łącz wszystko
- Otwórz ponownie aplikację
app/index.html
- Znajdź atrybut
<article>
i wybierz dla niego selektor niestandardowy utworzony w kroku nr 2 poprzedniej sekcji. - Zamieść mi tweeta na temat swojego problemu. Zaprezentuję go w poście na blogu.