Codelab: CSS'de ortalama

Adam Argyle

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

1. Projeyi düzenlenebilir hale getirmek için Düzenlenecek remiks'i tıklayın.
2. app/index.html oyununu aç
3. line 23 bölümünde /* your centering CSS here /* değerini CSS'nizle değiştirin
4. (isteğe bağlı) Ortalama tekniğinize bir ad verin ve <h1> bölümündeki metni değiştirin

Stiller

1. app/css/ klasöründe yeni bir dosya oluşturun
2. .turbo-center veya [floaty-mcfloat] gibi ortalama çözümünüzü tutmak için bir seçici oluşturun
3. Bu yeni seçiciye ortalama tekniğinizi yazın (örnek olarak app/css/ içindeki diğerlerine bakabilirsiniz)
4. bazı "destek stilleri" yazın. Böylece, hangi çocukların merkezlemeyi destekleyecek stillere
5. app/css/index.css uygulamasını açın ve alttaki yeni dosyanızı içe aktarın

Hepsini bağlayın

1. app/index.html uygulamasını tekrar aç
2. <article> öğesini bulun ve önceki bölümün 2. adımında yaptığınız özel seçicinizi verin.
3. Arızanızı bana tweet'le ekleyin, ardından blog yayınında bunu paylaşacağım!