Bu codelab'i kullanarak CSS'de en sevdiğiniz ortalamayı paylaşabilir ve sergileyebilirsiniz.
CSS'de ortalamayı en çok sevdiğim 5 yöntem hakkında bilgi edinmek için CSS'de Merkezleştirme başlıklı blog yayınıma göz atın. Bu videoyu da izleyebilirsiniz.
Kurulum
- Projeyi düzenlenebilir hale getirmek için Düzenlenecek remiks'i tıklayın.
app/index.html
oyununu açline 23
bölümünde/* your centering CSS here /*
değerini CSS'nizle değiştirin- (isteğe bağlı) Ortalama tekniğinize bir ad verin ve
<h1>
bölümündeki metni değiştirin
Stiller
app/css/
klasöründe yeni bir dosya oluşturun.turbo-center
veya[floaty-mcfloat]
gibi ortalama çözümünüzü tutmak için bir seçici oluşturun- Bu yeni seçiciye ortalama tekniğinizi yazın (örnek olarak
app/css/
içindeki diğerlerine bakabilirsiniz) - bazı "destek stilleri" yazın. Böylece, hangi çocukların merkezlemeyi destekleyecek stillere
app/css/index.css
uygulamasını açın ve alttaki yeni dosyanızı içe aktarın
Hepsini bağlayın
app/index.html
uygulamasını tekrar aç<article>
öğesini bulun ve önceki bölümün 2. adımında yaptığınız özel seçicinizi verin.- Arızanızı bana tweet'le ekleyin, ardından blog yayınında bunu paylaşacağım!