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
- Projeyi düzenlenebilir hale getirmek için Düzenlemek için Remiks'i tıklayın.
app/index.html
uygulamasını açline 23
bölümünde,/* your centering CSS here /*
yerine CSS'nizi yazın- (isteğe bağlı) Merkezleme tekniğinize bir ad verin ve
<h1>
bölümündeki metni değiştirin
Stiller
app/css/
klasöründe yeni dosya oluşturun- Ortalama çözümünüzü tutmak için bir seçici oluşturun (ör.
.turbo-center
veya[floaty-mcfloat]
- Bu yeni seçicinin içine merkezleme tekniğinizi yazın (
) (örnek olarak
app/css/
üzerinden). - (isteğe bağlı) Biraz "destek stilleri" yazın Böylece hangi çocukların merkezlemeyi destekleyen stiller
app/css/index.css
dosyasını açıp alttaki yeni dosyanızı içe aktarın
Bağış yapın
app/index.html
dosyasını tekrar aç<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.- Glitch'inizi tweet atarak paylaşın hazırladım!