Codelab: CSS'de ortalama

Bu codelab'de, en sevdiğiniz ortalama çalışma yöntemini paylaşabilir ve sergileyebilirsiniz CSS'ye dokunun.

5'in 5'i hakkında bilgi edinmek için CSS'de Ortalama konulu blog yayınıma göz atın. en sevdiğim şekilde derledik. Bu videoyu da izleyebilirsiniz!

Kurulum

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

Stiller

  1. app/css/ klasöründe yeni dosya oluşturun
  2. Ortalama çözümünüzü tutmak için bir seçici oluşturun (ör. .turbo-center veya [floaty-mcfloat]
  3. Bu yeni seçicinin içine merkezleme tekniğinizi yazın ( ) (örnek olarak app/css/ üzerinden).
  4. (isteğe bağlı) Biraz "destek stilleri" yazın Böylece hangi çocukların merkezlemeyi destekleyen stiller
  5. app/css/index.css dosyasını açıp alttaki yeni dosyanızı içe aktarın

Bağış yapın

  1. app/index.html dosyasını tekrar aç
  2. <article> öğesini bulun ve aşağıdaki adımların 2. adımında yaptığınız özel seçiciyi ekleyin: geri dönüp bakarsınız.
  3. Glitch'inizi tweet atarak paylaşın hazırladım!