Codelab: CSS'de ortalama

Adam Argyle

Bu codelab, CSS'de ortalama işlemini yapmanın en sevdiğiniz yolunu paylaşmanızı ve göstermenizi sağlar.

CSS'de ortalama ile ilgili 5 favori yöntemim hakkında bilgi edinmek için Centering in CSS (CSS'de ortalama) başlıklı blog yayınımı inceleyin. Bu videoyu da izleyebilirsiniz.

Kurulum

  1. Projeyi düzenlenebilir hale getirmek için Düzenlemek için Remix'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 girin.
  4. (İsteğe bağlı) Ortalamaya alma tekniğinizi adlandırın ve <h1> içindeki metni değiştirin.

Stiller

  1. app/css/ klasöründe yeni bir dosya oluşturma
  2. Ortalama çözümünüzü barındıracak bir seçici oluşturun (ör. .turbo-center veya [floaty-mcfloat]).
  3. Bu yeni seçicinin içinde ortalama tekniğinizi yazın (app/css/'daki diğer tekniklere örnek olarak bakabilirsiniz).
  4. (İsteğe bağlı) Hangi çocukların merkezlemeyi destekleyecek stillere ihtiyacı olduğunu görebilmemiz için bazı "destek stilleri" yazın.
  5. app/css/index.css adresini açın ve yeni dosyanızı alt kısımdan içe aktarın.

Hepsini bir araya getirin

  1. app/index.html uygulamasını tekrar açın.
  2. <article> öğesini bulun ve önceki bölümün 2. adımında oluşturduğunuz özel seçiciyi girin.
  3. Glitch'inizi Tweet me (Bana tweet atın) ve blog yayınında yer verelim.