Şimdi H-1'in metin rengini değiştirelim ve şu anda 3 yaşındaki
karanlık varsayılan önyükleme rengi buraya girecek ve biz H-1 renk beyaz ve H-3 renk beyaz yapabilir ve yenileyebiliriz.
Ve biz buna benzer beyaz metinler alıyoruz.
Ancak aynı şeyi yapabiliriz çünkü bu ikisini birbirine benzemektedir ve çünkü H-1 virgül H-3 ile aynıdır ve
bu ikisini de beyaza çevirecektir.
Virgül kullandığımızda sadece farklı gruplar seçer.
Yani tüm ikizler tüm yaş üçlüleri ve aynı görünüyor.
Ancak bunu daha da basitleştirebiliriz ve vücudumuzdaki her şeyi renkli beyaz olarak atayabiliriz.
Ayrıca, bir sorunun değişebileceğini veya düğmenin değişebileceğini veya gezinme çubuğunun olabileceğini düşünebilirsiniz, ancak bunların
daha belirgin olduğunu unutmayın.
Bootstrap'den yaptıklarımızın sınıflara veya kimliğine sahip olmayan sadece düz H-1 ve H-3 oldukları ve
gövde rengini beyaza beyaza ayarlayarak kendi stilleriyle geçersiz kılmak daha kolay olduklarını söyleyen
Bootstrap'ten dersler aldık. ve üç yaş da bu rengi miras aldı ve her şey de yaptı.
Sadece geçersiz kılındı.
Dolayısıyla, denetlediysek bu düğmeyi söyleyelim ve bir göz atalım.
Onu seçtiğimizde ve o rengin bu renge ayarlandığını görürsün, 3 3 3 sınıfı Button varsayılanıdır.
Ancak, kaydırmaya devam edersek, burada vücudun rengi beyaza çevirdiğini göreceksiniz ve
sadece çarpıtılmış oluyor.
Tamam.
Demek ki her ikisi de beyaz olmalı.
Şimdi yazı tipi boyutu üzerinde çalışalım.
H-1 de öyle.
Şu anda katlanmamasını istiyoruz.
için 700 kalınlığında bir yazı tipi ağırlığı vereceğiz, bu da kalın yenilemeyi nasıl kullandığımız .
Bu yüzden cesur olmamız gerekiyor ve ana öğeden beş kat daha büyük
olan 5 cms olmasını istiyorum, bu nedenle her birini seçeceğiz ve bunun
Bunu cesur görebilirsiniz.
Şimdi de daha büyük yapalım, böylece yazı tipi boyutu 5 E-M olsun.
Şimdi geri dön ve oraya gidiyoruz.
Bu daha yakından bakıyor.
Şimdi H1 ile H-3 arasındaki bu oran tamamen aynı görünüyor.
H-3'e hiçbir şey yapmamıza gerek yok artık görüntüyü istediğimiz gibi davranmalıyız.
Ve bunu yapmak için sana daha önce görmediğimiz bir şey göstereceğim.
Ben karanlığı sağa doğru yönlendireceğim ve eğer onu yaştaki elemandan veya cesetten teftiş edersem
her ikisinin de sayfanın sonundan önce durduğunu görecekler.
İşte burada.
Belgeme kadar yaşın sonu geldi.
Resmime vücudun örtüsünü söyleyince, arkaplan boyutunu ve arka plan pozisyonunu merkez olarak
almamın hesabı vücudun boyutunu ve vücut bittiği zaman burada farklı davrandığını
söyledi.
Bunu düzeltmek için yapacağımız HTL öğesine yüzde 100 yükseklik vermektir; bu, yalnızca belge
penceresinin tamamı olan kapın yüzde 100'ünü kaplar anlamına gelir.
Erkek boyu yüzde 100 ve biz geri gideceğiz.
Şimdi tam ekran yapalım ve yenileyelim.
Ve imajımız beklediğimiz şekilde çalışıyor ve küçülüyoruz.
Ve bu bana çok iyi benziyor.
Şimdi odaklanacak iki temel şey kaldı.
İlki H. R. Bizim için çok daha küçük olması gereken çok geniş.
Ve sonra burada yazı tipine odaklanmak istiyorum.
Eser toplamaya başlayın ve tek yapmamız gereken 400 piksellik bir değer vermektir.
Dolayısıyla Cs'lerimizde, 400 piksel olan alt kısmında bunu seçeceğiz.
Oraya gidiyoruz.
Yapacağım başka bir şey
de biraz sinsi ki burada gireceğim gibi fark edememiş olman ve üstünde bir Forder vereceğim.
Bir piksel katı.
Sonra burada bir renk var ki f 8 8 8.
Ve sonra da bir kenarlık tabanı da bir piksel katı ve bu şeffaf bir renk olacak.
Sıfır sıfır sıfır noktası iki.
Dolayısıyla bu, gölgenin efekti olmaz.
Dikkat et.
Gerçekten görmek çok zor.
Ekran üstü filmde oynayacak mıyım
bilmiyorum, ancak elimde olan bir sınır var ve daha sonra sınırın hemen altındaki hafif
bir gri çizgi, hafif bir gölge varmış gibi görünüyor, bu gölge üzerinde biraz daha iyi görünüyor. Daha açık renkler.
TAMAM.
Bu
yüzden bana güveniyorsanız, ya da arka plan görüntüsünden kurtulursanız onu göremiyorsunuz ve orada da görmek daha kolay olacak.
Şimdi sıra eğlenceler için kullandığım simgelere odaklanalım.
Bu yüzden açık tuttum.
Eğlence.
Muhteşem.
Biliyorum.
Ve CD'yi de burada alacağız.
Başlamak için tıklarsanız, orada bir CDN var sadece kopyalayabilirsiniz.
Bunu uygulamanıza koyun ve bunu sadece
üst kaydetmek için yapın ve sonra gerçek ikonlara bir göz atalım.
Ve kullandığımızı bildiğimiz ilk kişi PA'dır.
Ve tek ihtiyacımız olan şey, yüksek sınıf ECO'lar olan F A F A dash PA'dır.
Ben de onu düğmenin içine koydum.
Başlamadan hemen önce düğmeye gidersek, bunu da ekledim.
Şimdi gidip yenileyebilirsek, orada küçük bir düğmeyle karşılaşıp gidebildiğimizi görebilir ve bir avuç içi
baskımız var, bir sonraki adımda da kayıt ve giriş için iki simge buluyoruz.
Ve ikisi de ne olduklarını hatırlıyorum.
Bunu, yazdıktan sonra başka bir simgeye eklemek istediğinizde kaydolmak için yanında yapacağım.
Bu zaman sınıfı F-8 PA değil F haricinde. A. Artı işareti ve oturum ile bu simgeyi bize veren çizgi kullanıcı çizgi
Artı aynı şeyi artı içermez.
Yani bir çizgi kullanıcı ve biz bu iki simge var.
Yaptığım başka bir şey var ki, metin gölgesi de fark etmemiş olabilir.
Dolayısıyla, burada tüm metinlerin etrafında bir gölge var ve burada görebileceğini görüyoruz.
H-1 ve H-3 civarında ve teknoloji gölgesi, SS metin çizgi gölgesiyle ayarlayabileceğimiz bir şey.
Ve bir sürü parça var.
Dolayısıyla, ofset X'i ofset y olarak oturduğumuzu görebilirsiniz.
Yani kelimelerin ne kadar uzağında gölge olmalı.
Sonra da bulanıklık yarıçapını ayarlıyoruz Yani temelde ne kadar kalın olmalı.
Ve sonra kullandığım renk ve gölge biraz karışık.
Bir sürü parça var bu yüzden gidip bir kerede CSSA dosyasına tek bir parça yazacağım.
Böylece div içeriğinin iç kısmında metin çizgi gölgesi eklenecek ve sonra ilk metin gölgesi eklenecektir.
Sıfır piksel 4 piksel 3 piksel ve bunu
gerçekten açıkça kırmızı yaparak açıklayacağım ve yenilersem öncelikle eklediğimiz gölge var.
Şimdi gidip ikinci bir virgül ve
biraz girinti ekleyin ve ardından 0 piksel 8 piksel 13 piksel istiyor ve sonra turuncu üzerine buraya ve bir göz atın.
görüyoruz ve o zaman bu ilk numarayı hatırlayan 0'uncu bir gölge var
ve bu durumda X ofseti ve sonra y değeri 18 piksel ve
ardından 23 piksel yarıçaptır ve biz Bunu sarı yap ve parlak kırmızı titre gölgemiz olduğunu görebiliriz.
Parlak turuncu altında bulanık olanı daha bulanık
Sonra turuncu olanı biraz uzaklaştı.
Ve sonra sarı olan daha bulanık ve çok daha geniş.
Bu yüzden bu renkleri değiştirmek istiyoruz.
Bununla çalışmak istemiyoruz.
Bu yüzden renkler biraz daha az heyecan vericidir.
İlki.
Sıfır sıfır sıfır 0. 4.
Sıradaki bir tanesi 0 yerine çok benzer. 4 0. 1.
Ve bir tane daha da 0. 1.
Yani R'yi kullanarak. G. B-A sadece farklı tonlarda gri ayarlıyoruz.
Ve işte gidiyoruz.
Çok daha az heyecan verici ama umarım hala burada görebilirsiniz.
Çok daha ince ama sayfaya biraz derinlik katıyor.
Harika.
Tek yapmamız gereken bu.
Geri dönüp birkaç şeyi sarmalım.
Burada yapmak istediğim en büyük nokta,
önyükleme desteğini kullanabilir ve ona güvenebiliriz ancak tüm stillerine güvenmiyoruz.
Yani evet nav çubuğunu aynı
tuttum, ancak son videoda size nav çubuğu rengini nasıl değiştirebildiğinizi gösterdim ancak arka plan görüntüleri eklediğimiz yazı tiplerini değiştirdik.
Dolayısıyla temelde temel olarak bootstrap'ı kullanıyoruz ve
sonra tüm stilleri üste ekledik ve fazlaca sürmedi.
Ancak sanırım sadece birkaç satırlık kodla görece saygın bir şey yaptık.
Ve dürüst olmak gerekirse, bu tek metin Shadowline'ın yarısı kadar yağ var.
Muhteşem.
Dolayısıyla site oldukça iyi görünüyor.
Şimdilik bootstrap ile işimiz bitti.
Ardından, gerçekten heyecan verici bir sonraki birimin Javascript'e geçiyoruz.
Yalnızca Javascript'e odaklanabilmemiz için biraz
güzel görünen siteler ve şeyler yaratmaktan uzaklaşacağız.
güzel görünmeyen bazı şeyler yapacağız.
Ancak sonra her şeyi bir araya getireceğiz ve aslında
Bu yüzden yakında umuyoruz ki bu ünitenin keyfini bootstrap geliyor.
Ve her zaman olduğu gibi, herhangi bir sorunuz varsa kodu indirmenizi öneririm.
Bu video açıklamasında.
Pekala, bir sonraki birimi göreceğim