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.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2020-12-16 UTC."],[],[]]