11 Mayıs 2015, PAZARTESİ

Css Hileler: Css Sorunlar Çözüldü

Iyi internet çok sık aynı basamaklı stil sayfası soruları olsun diye sordu ve bu bir video alıyorum yaklaşık 50 en yaygın sorulara cevap verebilir Sonunda açıklamasında her zaman sordu Sütun gerçekten hızlı bir şekilde bulmak mümkün olacak, böylece her türlü sorun olabilir var üzerine tıklayın ve bir çözüm bulmak bu yüzden bunu en sol tarafında tamam çok rahatsız etmesine izin çok şey var Ekran bir temel metin düzenleyicisi var üzerinde sağ tarafta ben ekran HD farklı bir sürü tutarında Burada işler Çok sık için çok yararlıdır Sadece şimdi benim vücut etiketi düzenleyerek başlayalım Bizim metin ve sa

dece çünkü her şey hakkında EM birimi boyutlandırma kullanın çok güzel öldürmek Tek sorun anlamda istiyorum gerçekten bir göstermek yapmazlar sorta EM olduğunuz Onları mantıklı için kolay yolu yapacağız buraya gelip bizim

font-size tanımlamak olduğunu do konum: 62 0,5 yüzde Biz EM stockman geniş her kullandığınızda şimdi temelde hatırlamıyorum Tüm boyutlandırma kök düzey font-size kapalı dayalı olacak: vücut olacak bu durumda

“İşte Kodu Alın: http://goo.gl/qUnMTX En iyi CSS3 Kitap: http://goo.gl/8KjgNG Em Geniş Belge kullanın: 00:31 Tekrarlanan Görüntü Amaç: 01:43 Sabit Arka plan: 02:1...”
Derek Banas

bu yüzden altmış yüzde 2,5 yaparak ne gidiyoruz söylemek mümkün Biz altmış yüzde 2,5 onaltı kez alırsak 10 eşit gidiyor ne bu bizi yapmak için izin için gidiyor en biz bulmak istiyoruz diyelim olduğunu 1.6 olarak bir şey Eşdeğer olacak E am Bize ons durdurmak için çok yaygın bir şekilde 16 piksel ve böylece o yapacağım sadece ilk şey, biz gidiyoruz ne İşte Sonra sık sık komuta ve benim vücut kar çözmek için 0 olarak benim marjları bulmak için sorunları ço

Css Hileler: Css Sorunlar Çözüldü Resim 1 Css Hileler: Css Sorunlar Çözüldü Resim 2 Css Hileler: Css Sorunlar Çözüldü Resim 3 Css Hileler: Css Sorunlar Çözüldü Resim 4

k yanı sıra 0 çok yaygın soru için de benim doldurma nasıl olduğu tekrarlar için görüntüleri I kullanım arka plan resmi değilim ve biz sadece URL tekrar modelini gideceğiz nokta ödeyerek Ben sadece buraya gelip sadece am kaydettiğiniz bir şeydir Bu yeniden ve bir yinelenen desen biz şimdi orada görmek için gidiyoruz usta saat çok çok özensiz olacak ama biz onu temizlemek edeceksin yavaş yavaş ama emin bir şekilde Bir yinelenen desen var olduğunu görebilirsiniz ve bu kadar basit olduğunu varsayılan olarak sağa tekr

ar yanı sıra gidiyor bunu aşağı öylesine şey her zaman hakkında kullandığımız nasıl duymak gitmek kaydırma sırasında sabit bir arka plan nerede olacak ise Arka plan eki böyle hızı ve burada ben sadece söyleyebiliriz sabit ve tek onu yeniden ne zaman kaydırma her şeyi görebilirsiniz ama Arka plan sadece yol sadece kalıyor bunu tekrarlayarak kullanabilirsiniz olduğunu Kullandığınız aynı anda arka plan senin kaydırma için sabit bir pozisyon neyi ne tarz buraya geliyor ve oluyor Rapçi yüzden rapçi sadece daha iyi bu biraz görmek mümkün olacak Her şeyi stil böylece her zaman kullanabilirsiniz ve tamamen benim belgede her şeyi çevreleyen styling var şimdi burada font-size: Ne sadece 1,6 gidebilir EM ve çünkü bu adam görünümü olacak ve bizimle çalışmak için gidiyor anlamda bir sürü çok yaygın olan 16 piksel gibi iyi bir şey yapmak kullanma yolu Ponce buraya gözüm okşama marjı tarzı 0 Otomatik merkezi ekranı her şeyi koymak için gidiyor Sadece 900 piksel kendimizi sabit vereyim yüksek 2000 piksel olacak biz nasıl yapabiliriz göstermek için daha sonra etrafında asker yığıyor olmak vardı akışkanlar ya da aşk düzeni kadar biz bulgu konusunda endişelenmenize gerek yok böylece yükseklik ve en bu beyaz yapalım ve bunu daha iyi ama görünüyor görebiliyordu Biz buraya gelip eğer ve ayrıca sigara kaydırma arka plan olduğunu görebilirsiniz Daha az Hala bizim için çalışan bir çift daha stil buradan içeri almak Vücudumuzun bir en bu iyi bir degrade arka plan oluşturmak istediğinizi varsayalım Yapacağımız durum bazı çapraz tarayıcı şeyler yapmak zorunda ve bu durumda sadece doğrusal degrade düzeni kullanmak Eğer orada biz zorunda gidiyoruz tam tüm farklı yollarını görebilirsiniz kullanım Bunun için tanımlanmış çapraz tarayıcı olması ve ben sadece görebilirsiniz istiyorum ekranın üst kısmındaki degrade başlangıç ​​aşağıya doğru gitmek yapacağız siyah ile başlamak ve daha sonra griye solmaya konum biz bunu yeniden dersem ve o tam olarak ne olduğunu görebilirsiniz Siyah başlar ve griye kaybolur ve aynı zamanda da orada istikrarlı kalıyor biz hala olmayan okul var çünkü Arka plan ve ben sahip açıklama bir bağlantı var Hava bu kod bu temelde bir chichi gibi ayarlanmış oluyor böylece yapmanız ya da farklı şeyler kopyalama ve yapıştırma neden bu kullanmak mümkün olacak Biz yapmak isteyebilirsiniz şey bir ölçeklenebilir background-image kullanmaktır: ve ne yapmaya gidiyoruz background-image gitmek olduğunu yapmak için: ve ben bir bağlantı oluşturmak için tamamen herhangi bir kullanıcı değilim benim etrafında ve koyar bir dağ geçmişlere sahip aslında hep yaz konseri istediğiniz gidiyoruz daha uç için senin konumunu tanımlamak Merkez merkezi olarak biz yapmaya çalışıyoruz hatırlıyorum otomatik tarayıcı olarak ölçek olacak bir arka plan Pencere ölçekler Ayrıca komuta ve bir arka plan eki yapacak ve bu sabit, ne de olacak başka yapmak zorunda yapmak Burada css3 hile bir çapraz tarayıcı yapabilirsiniz Zaten kapak için varsayılan seti ile yaptığı plan boyutu kullanarak Arka plan veya tarayıcı penceresi ölçeği o kadar olduğu gibi ve şimdi söyleyebilirim sizin Arka plan resmi bazıları değil bir temiz küçük hile ev Vücut bölümünün dışına gitmek Varsayılan kenar boşluklarını ve dolgu saman sevgi ayarlamak için iyi bir fikir normal senin Eğer elemanlarının 20 bundan inşa edebilirsiniz ve saklamak nerede yapılacak, böylece ve ben bir marj ile 0 ve dolgu tartışıyorduk ve yapmaya muktedir için çok yararlıdır 0 şey sen eğer tüm eklemektir okşama ve bir yüksekliğe sahip içinde senin marjları size tüm unsurları için tanımlamak ve gidiş de geniş bu belge yapmak mağazada sonra bunu yine her element bütün bütün odaklanmak gidiyor hangi ne belgelemek Ben sadece basit gidiyor dediğim gibi ve kullanım bach sınır kutusu ile boyutlandırma Eğer bir eleman ile belirli bir yükseklikte olacak söylüyorlar eğer çökecek onunla marjları ve doldurma dahil oluyor ve o sadece gelen tutar Tüm bunched şeyler gerçek ben değiştirmek çünkü burada görebileceğiniz bir doktor var aşırı yüklenme işler biraz özensiz benim marjları ve dolgu ama biz burada bir bar sarıcı alanı içinde aşağı gidelim olacak düzeltme sensin ve bir sürü değiştirmek için, aklı başında oynamak istedim söylediklerini başka farklı teşekkürler tekrarlanmasıyla Arka plan bir Biz şimdi bu durum suan içinde rapçi yapmak olacak aşağı bir adam öylesine konulmuştur konum biz gideceğiz ediyoruz Arka plan ve görüntü am URL çiçek arka plan ve bu iyi bir ağrı dosyaları biz varsayılan tekrarlar tarafından gidiyor hatırlıyorum zorunda hem yatay hem de dikey böylece biz farklı bir şey yapmak istiyorum belki hayır tekrarı demek bir durumda ve biz sadece birinde koyacağım konum pozisyon ve Biz background-pozisyonda koymak istiyorum pozisyonlar: wanna üst yapabileceği elbette sağ alt koymak ve sol demek alt şu anda durum üzerinde tüm diğer farklı teşekkürler Biz mısın görmek Reloader yaparsanız biz koymak bizim küçük çiçek var Ekranın sağ alt taraftaki Şimdi biz de orada başkalarının arka plan görüntüleri koymak mümkün gidiyoruz Eğer isterseniz El biz gidip arka plan olduğunuzu yapmak ve burada bulmak için gidiyoruz senin ben olacak Tekrar çiçek arka analistler olduğunu Ping orada dosya ve ne onlar sağ üst köşesinde küçük bir koyun istiyorum için biraz garip biz de burada da saygınlık bilmek gidebilirsiniz ve daha sonra biz de arka plan URL gidebilirsiniz temelde sadece benim yarattığım diğerini geçersiz kılma thang alt numarası re: tekrarlayın ve sonra diğer içine beyaz koyacağım ediyoruz ve yeniden ve bir yangın arka sağ orada var görebiliyorum ve diğer çiçek arka farklı birden kullanabilirsiniz var Farklı ekran arka ne de gibi çok kolay komuta ve değiştirmek istiyorum temelde her şeyi olacak sarıcı için donukluk ekranda arka plan olacak vücudun dışında bu tabii ki arka plan vücut içinden göstermek için gidiyor Eğer orada görmek ve başka bir şey diyelim tür ilginç olarak olduğu gibi şimdi ben istiyorum mobil farklı olanlar var biz özel fontları kullanmak istediğinizi varsayalım kullanmıyordu ama diyelim ki Biz sadece yazarak bu durumda Google fontları kullanmak istiyorsanız Google web yazı tipleri google farklı yazı tipleri üzerinde 8 defa Hepsini ücretsiz anne seçeneği yazı sincap ama ben böylece o telefon için ödemek zorunda Ben sadece yıllar analistler gelmek istediğini kullanmak ister bu yüzden biraz ucuz değilim İşte ve ilk özel çok popüler olanları ne istediğini denir let ıstakoz Bu ıstakoz ve değerlendirmek için çok şey var onların sadece buraya kullanmak için ve sizi ister misin yok burada bir düğme kaydırma tıklayın Burada ve bu bağlantıyı kopyalayın bu adam HTML içine üzerinden atlamak ve onların giriş pace zaman hazırım görebilirsiniz cevaplar olacak tempo adam orada olduğunu ve daha sonra çok kolay bizim CSS geri üzerinden atlamak ve en biz şimdi burada hepsi bu h1 durdurulmasını istedi diyelim Sherlock Holmes bir one-stop Latka için bu korkak vermek var hangisi ve biz font-family diyeceksin: Böyle ve sadece Google'a buraya atlayabilir yazı tipi ve onun olacak size sponsor aile kullanabilirsiniz yapmak için tam olarak ne söylemek Istakoz işçileri polis buraya geri atlamak değil Bir de hızı ve yeniden ve size bir korkak typeof serin seyir var şimdi görebiliyorum Orada onlar tabii ve kullanımı otomatik olarak muktedir gidiyoruz Google'dan ve böylece onun özgür Google hayır çok yaygın olduğunu düşünüyorum teşekkür bizim bağlantıları kullanmak istiyorsanız olduğunu Ancak biz istemiyoruz daha bir şekilde kullanmak istiyorsanız Eminim birçok kişi bu nasıl yapılacağını biliyorum, bizim bağlantıları ile altını çiziyor ve ben a ve ziyaret senatörler vergilendirilir demek Herhangi kurtulmak için gidiyor dekorasyon sigara Eğer bağlantılarda var altı çizili bir şey, ancak yapmak isteyebilirsiniz zaman birileri onlara üzerinde gezinen bağlantıları vurgulamak ve biz sadece Liman ve arka plan rengi gidebilir yapmak ve yeniden ve bu hat bir yol görebilirsiniz ama biz üst üzerinde bizim fare koyarsanız Bunu gördüğünüz gibi kızımız otomatik olarak farklı olduğunu vardır tür serin arka plan güney en biz güçlü olacağız tabii stili veya başlık bölümündeki burada olacak Bu etiketleri kullanmak için: mobil kez h1 etiketinin yaşayan onların Ben burada h1 etiketi koymak istiyorum söylüyorlar hiçbir sorun herhangi bir gerçeği geçersiz gidiyor Eceğim Bir margin-bottom koyun: bu adam kadar sıfırda Şimdi biz sadece metin yapabileceğini yapmak için henüz bir teknoloji gölge koymak chateaux ve burada sağa taşımak istedim ne kadar yapacaksın ve ve aşağı ve ne kadar bir bulanıklık istediğiniz ve daha sonra görebilirsiniz seçtiğiniz renk artık bir teknoloji gölge var bizim kinda cool görünüyor biz o zaman komuta ve ne tarz bu paragraflar olabilir biraz ve Onlara 10 piksel marjı vereyim Kent ayrıca ne biraz ben bir adam teşekkür etmek istiyorum söylüyorlar yaymak ve bir paragraf için marj kaldırmak bir h1 izler eğer bir h1 o göz yapmak ve paragraf ve sonra bizim marj üst değiştirebilirsiniz 20 İlk paragraf Burada sahiptir böylece borç vergili isterseniz sınıf üzerinden atlamak için bir ilk p ve bak Bir ben istiyorum ne Paris ödeme ilk say Oraya gitmek ve vergi Pasifik ben sadece yazdığınız niyet Bu ve okşama soldaki gibi ilk ödeme Bir dört puan% um 01:04 ve bazı sadece tüm farklı aracılığıyla fırlama zanlı görüyoruz yolları Bütün bu şeyler yapıyor ve biz de ilk harfi a büyütmek istediğini söylüyorsun paragraf Bu durumu diyordu benim dördüncü ilk harfini büyütmek istiyorum paragraf Dördüncü gün gidip ilk harfi hedef olabilir verir Bu onun seviyor gibi benim yazı tipi boyutunu değiştirmek Sapere başına 200 $ Ben o zaman yüzer istediğiniz gidiyorum biraz daha iyi şekil vardır ki sola onların bir iş sry şans benim hat hi 21 hücreyi değiştirmek T ve biraz büyük olduğunu görebilirsiniz Orada uyar ve nedeni düşük nedeni var bir iç sığar Burada çıkan bütün ve çok şirin köpek görünür my dog ​​pic düzeltmek bu adam yine köpek pic odaklanmanızı en bilmek istiyorum ona sipariş rulo izin nasıl yapabilirsiniz hoş değil gazetecilere çok herhangi gerçekler Kelime analistler basit nedenlerden dolayı sadece bloke yapmak testere 10 piksel orada marjı üzerinden de var ve sebebi biz sola bunun işe yaradığını böylece olacak şamandıra geliyoruz sorunsuz tüm vergi ile ama aynı zamanda bazı şekil Amerikalı çok çok basit söylemek var şimdi yapabileceğimiz şey bu yüzden bizim küçük köpek bir gölge eklemek istediğiniz resim Yine bir çapraz tarayıcı nereye kadar bunu yapmak istiyor Bu durum, ben kullanım bach gölge kulüpler ve hemen önce gibi biz nasıl söylemek için gidiyoruz çok biz yatay ve dikey taşımak istiyorum ve bu bulanıklık tutarları olacak ve bu boyut olacak gölge ve bu duş renk olacak ve bu ne kadar kolay bu kadar görebiliyorum Biraz boksör eklemek için biz de o köşeleri bu kutu yuvarlak koştu övmek istiyorum demek can bu değişen border-radius bir çapraz tarayıcı yoludur: ve biz 10 piksel o yarıçapını değiştirmek için gidiyoruz GECELERİ Yuvarlak yeniden ve nihayet en biz görüntüyü döndürmek istiyoruz diyelim Biz döndürme kullanarak hedef gidiyoruz yine çapraz tarayıcı ve biz öylece görebilirsiniz Orada üç derece o dekor var döndürülmüş konum üç derece Bazı alacak görüntüleri ile çalışmak için bir demet farklı yolu bir çift içine var Daha onlar en biz kullanmak istiyoruz diyelim burada yapmak istiyorsun, o liste öğeleri için tüm iç görüntü Burada liste öğesi analistler biraz içinde istiyorum atmak demek burada aşağı doğru var o kadar da iyi gibi sıkıcı spor ve şeyleri kullanarak başkalarına içindeki resim Bu kızla Sadece stil görüntü birkaç Sublime Text burada perisi görebilirsiniz güzel bir editörler büyük biraz var otomatik her şeyi atmak için size teşekkür etmek gerekmez ihtiyaç bu yüzden ben bir olası buraya için düşünmek için ne katılmak ve ücretsiz 1 Ben dansta liste çıkarmak gerekir çirkin biz sıkı golsüz tarzı olsun olabilen ve sivil bunu değiştirmek ve biz yapacağız ayrıca padding-sol değiştirmek zorunda: en bu 20 piksel yapalım ve sonra marjı çıkarın otomatik olarak 20 olduğunu değişecek duyuyorum sol Ben küçük sevimli küçük simgeler Arsov var gelin çirkin mermi benzersiz kenarlardan oynamak ve bizim o ki hattı var sevmek Eğer tüm liste öğeleri olmasını istiyorsanız eğer Bunun yerine bu sınıftaki adı bir çağrı bildirimlerini yatay görüntülenen olduğunu Biz o zaman bu ve ve ekran gibi bizim liste öğeleri hedef alacağını hat yeniden yükleme ve ben yatay bütün bu kase kapağı onlar hizaya görebilirsiniz dışarı ama Burada doğru Orada tüm yatay ayar listesi öğeler Bir masa etrafında duyurular yüzden her türlü vardır burada istikrarlı bir var Biraz içeride futbol istatistikleri ben tarzı Akai kadar yaşıyorum İkinci Medula bir bütün olarak tablo hedef olduğunu anima benim yazısı istediğiniz bulmak için Varsayılan olarak hangi böylece gökyüzü görünür üstünde gider yerine otomatik dip aşağı koymak ve gitmek zorunda yapmak için başlık tarafı ve alt onların bkz NFL futbol istatistikleri dibe gider değiştirmek O zaman komuta ve oyun kurucu istatistikleri hedef olabilir Buraya sıçrama oyunculara buradan görebilirsiniz tabla bir tablodur vardır bakmak altyazı sen orada var ve bu ad tablosu yeniden tatlım oluyor vergi quarterbacks olan onların bir tablo olarak hedef veya sınıf adı kullanımı olsun biz ile vardır istiyoruz demiyor Bu bir sınırda 600 piksel biz-ebil olmak için Hepimizi 1 piksel sessizlik onun tüm bu yapmak ve en yapalım Siyah biz sınır yapabileceğini aramızda herhangi bir boşluk ortadan kaldırmak istiyorsanız çöküş çöküşü kadar değişiklik sadece kurucu istatistikleri için cevap Biz el övmek istiyorum güzel biraz bakmak Nexera tablosu belli Kendimize hafta önce köşe etrafında bir sınır koymak arka istatistikler Roseanne hedef o da şapkacı istatistikleri hedef oluyor inci ve ardından sınır 1 piksel gitmek en katı karıncalar yapmak yapalım siyah yine biraz bakmak araya gelen güzel her zaman biz burada küçük bir değişiklik yapmak biz sonra özellikle tablo sütunu tarz olabilir wanna have so geri dönmez kilitler gün sözde biz biraz daha güzel düşünüyorum çünkü Güneş için belirlenen metin hizalama vardır Eğer komuta ve de bazı geciktirme yapmak ile beraberim 0.3 biraz daha güzel görünmek bir araya geliyorum notlar komuta ve özellikle bizim masa başlıkları stil dükkan biraz daha güzel iki cıvata değiştirmek veya yolda değişiklik aynı 0,3 okşama vardır Onlara farklı bir arka plan rengi biraz koyu renk verelim am Bu kadar güzel gösteriyor, böylece analistler değişiklikler beyaz metin renk Kemik yolunda bu yüzden gitmek ve birkaç farklı teşekkür değiştirmesine izin araya gelen biz çok sık yukarı bizim tablo satırları renkleri alternatif istiyorum söyleyebilirim insanlar yapmak istiyorum teşekkür biz sadece t veya gidin ve sonra bir çocuğu gidebilirsiniz ve böylece wanna da almak için bile içeride koymak olabilir oran üzerinde styling yapmak kesin zıt sonuçlar ve bir disko arka plan rengini ve merak ediyorsanız nerede bu renkleri elde Wallace yeniden onun kendi egosu o kadar hatırlamak değil görebilirsiniz iyi wiki arayanlar ve burada giderseniz F ile renklerin bir Vikipedi org wiki listesi burada bu adamı oranı Eğer farklı renklerde bir bütün ton görmeye gidiyoruz ve ben nereden bu Tüm bu renkler arasından Sana daha önce olduğu gibi çocuklar gösterilen ettik ama saldırı aslında var olan biz burada bu tabloya bakmak için çalışıyoruz tür düzgün olabilir şeydir en gerçekten odaklanmak mümkün olmak istiyorum diyelim ve biz üzerine geldiğinizde Belirli satırlar biz de o takozlar ve TR yapabilirsiniz ve biz özellikle Harbor yakınlaştırmak ve değişiklikler sadece istiyorum yapabilirsiniz devirmek Bir background-color: Ben size can daha fazla şeyler yapabileceklerini anlamaya ihtiyacımız var Farklı sayesinde üzerine gelerek konum zaman değişiklik en web sitelerinde sık sık görmüyorum güzel bir küçük dokunuş yetenek Biz de renk vergi ucu cevap değiştirmek ve şimdi yeniden ve edebilirsiniz ne zaman biz tüm bu farklı satırlar gitmek gerçekten odaklanmak mümkün ve olacak masanın bir çok soğutucu bellek bilgileri ve burada bu iki küçük çizgiler saldırıları görebilirsiniz işlevselliği bir sürü bunu sık sık görmüyorum şey var ekler onun gerçekten harika şimdi aslında formları şekillendirme gidiyor ve burada görebilirsiniz olduğunu Bu yüzden her şeyi hatları, böylece o da yapalım burada onun çok çok çirkin formu Biraz daha güzel yukarı Şimdi bu en beraber verelim ve özel biri hedefine kimliği olarak Eğer hedef piksel içinde ilk teklif Ben özel oluşturacak edeceğiz böylece 8 biraz içine do Gördüğünüz ya da o sayede ne olduğunu duymak Burada bizim formu burada ve o özel form fikri vardır yani özel bir form ve bir gün kapalı sahiptir için özel bir bereler içinde şamandıra satışı ekranınızın bu çok sol tarafını yapmak Bu adama bazı dolgu 375 piksel Zaman 12:05 Sağdaki Chris aynı şey şimdi biraz daha dolgu dışarı sağlar olduğunu Biraz sıralar daha biraz eklemek kalkmak belli tümü veya etiket ile hepsi kendileri için sıraya böylece özel formu isteyin ve etiketleri hedef şey sorunları burada göremiyor kol etiketler neden oluyor olan Bildiğiniz giriş alanların yanındaki hakkı koyarak en düzeltmek edelim biriktirmek olabilir yukarı Bu sol ve daha sonra onların tanımlayın: yüzer Bomba daha biraz sıraya düşünebilirsiniz Oxley yüzden 100 piksel yapalım ama aynı zamanda komuta ve özellikle hedef Giriş Burada bir metin alanına sahip maliyet formu alanları ve en de gidip ithalatı hedef izin form içinde analistler tüm bu cue 250 piksel bomba şimdi her şey hatları ile aynı bir sürü kıvrımlara görünüyor seyir oraya Gönder düğmesini got tür çirkin göt gidelim iyi özel teslim oluyor bu yüzden de düzeltmek Ekranın sağ tarafı ile karşı onun akış Otomatik adam bir marj oranı 10 piksel Bu bomba relearn onlar biraz yavaş gerçekten güzel yukarı satırları diyebilirim ama güzel Sanırım ihtiyacım var önce gerçekten muktedir olduğunu yaptım çok daha güzel görünüyor vurgulamak Farklı parçalar formu zaman onlar ithalat kabul ediyoruz ve ben yapabilirim Bu özel form ithalat ve her zaman bir giriş alanı yapacağız değişim arka konum odak vardır bu yüzden ve pokus kullanın renk Onların background-color: Bu şehir etrafında büyük oyun sizce bir renk seçin Sizin için en uygun Sadece 11 saldırıları gidip ben yönlendirmesi istiyorum hiç bu kadar biraz değişir arka plan renklerini görmek gitmek bu kullanışlı ve sonra metin alanı için tam olarak aynı şeyi yapabileceğini Burada sistem sadece bize kayak kopya Daha sonra numune ve yeniden ve gece renk onların yavaş değiştiğini görürsünüz odak Bu küçük dokunuşlar temelde bir tek öğreticiler burada ve orada dokunur Bunu yapabilir hakkımızda küçük küçük değişiklikler işlevselliği bir sürü şimdi en Buraya gelip atalım istiyoruz diyelim Sadece bu böyle bir mağaza ya da bir şey hayal ve biz yüzer istiyoruz 8 indirim teklif ekranın sağ tarafında görünen nasıl bunu yapıyor hakkında gitmek olabilir ve biz burada görebilirsiniz bu sınıf adı bir saat sınıf indirim olduğunu vermek yolu oraya gelip teklif kod Sherlock ile çok harika yüzde 50 kapalı analistler sonra iyi Sherlock Holmes üzerinde kötü demek risk indirim yönünde burada arka plan rengini değiştirmek Bir beyaz o Kolay tüm güzel n gösterir, böylece böyle şeyler normal bir sınır var, çünkü bunun üzerine bir sınır üzerinden gidiyordu Şimdi dört piksel tüm söylüyorlar ve en siyah paneli de bu konuda dolgu biraz atmak yapalım Daha sonra 10 piksel ve herhangi bir yazı tipi boyutu hangi anlamda bir sürü yapmak ama 14 oldu ama biz bizim küçük kullanıyorsanız olur Ben yumuşak sereceğim için tezahürat gerektiğini EM trick 1.4 gitmek mümkün pm ve şimdi yapacağız istiyoruz şeyin bu olduğunu varsayalım istiyorum Ekranın ve dalgıçlar sağ üst taraftaki burada yüzer aslında aşağıda için herhangi bir html yol yol veya yapacaksınız biz bu kesinlikle böylece şeyler yapmak her zaman bir konumda konum olduğunu Kesinlikle konumlandırma görünüm esas olacak tarayıcı penceresi kendisi biz yapacağız böyle bazen şeyleri görmek can korkunç yanlış gitmek ama üzgünüm dışarı düzeltmek nasıl emin değilim Mutlak ve yapacağız üst efendim piksel demek ediyoruz çok üst den% uh viewport analistler sağ söylüyor Sağ taraftan 55 piksel 55 piksel ve yeniden ve bizim teklif kod okuyucu var görebiliyorum ama o eşek de görebilirsiniz bunun etrafında hareket ediyor tür bakıyor korkunç türlü taraf almaya Bir sürü etrafında zıplatma biz daha sabit kalmak olmaz istemiyorum biz sadece bir rapçi gidiyorsun tarafından gerçekten kolay olduğunu çözebilirsiniz Rapçi göreli olabilmesi için ve daha sonra yerimizi arama Bu yerleştirilmiş olduğu zaman yani demektir rapçi içeride kesinlikle bu indirim sevgili o kesinlikle göreli konumunu olacak diyorsun şimdi bomba onu yeniden çevreleyen rapçi biz tam olarak kalmak için gidiyor dolaşırım değil Resizer zaman Ben de şimdi she bunu asla buraya gelebilir nereye kadar komik olduğunu Diğer tüm farklı stil bir arada tutmaya çalışacaktı o konumlandırılmış böylece ama diyelim ben istiyorum biraz üzerinde olduğu indirim taşımak Sağ kenarda çok rapçi yeniden ve gece orada pozisyonunu dikkate ve bu boyutu ne olursa olsun tam olarak nerede onu sahnede otomatik olarak olduğunu muhtemelen bu HTML buraya merak ediyorsanız bütün bu popüler oldu resim veya onlarla yapacağım Ben isim böylece bir turnuva veya galeride kulüpler de ima ne Bu haşhaş resimler ya da ne onlara kendi galeri çevreleyen Burada sigara iyi sınıf galerisi orada ve son sipariş Benim adam aynı hedef böyle kuyu galeri Biz tabii ki 10 her mermi üzerinde ortadan ettik ve biz edeceğiz listesi gitmek yapmak ve olmayan biz istemiyorsanız tekneler gitti orada tüm bizim böylece bizim galeri sol veya sağdaki şey unsurlar biz Ne ben söylüyorum biz orada gitmiyor bu yüzden buraya gelmek Bu galeriyi want Ekranın sol tarafında bir form disko açık ve hem de o sol tarafta veya bir şey izin vermez Galerimizde sağ tarafı otomatik olarak yapmak istiyorum şimdi aşağı taşımak var say Hedef her biri sevgi benim listesi Ben toms ve onları görüntülemek için gidiyorum İnsanların tam birinde ne hakkında karıştı olsun aşk inline bloğunu kullanan blok ana temelde biz farklı şekillerde aşk var word belgesi satır içi öğeler inside elemanları veya çağrı cihazı kategorize Yeni hat ve zaman sizi takip edilmez olmak elemanları olacak 10 negatifleri kenar boşluklarını stil edemiyoruz olduğunu inline elemanlarını kullanmak dolgu yüksek Nerede biz sahip olmak istiyorsanız ve benzeri ve benzeri hücre üzerinde elemanları, yeni bir orada olacak değil yani satır içi elemanları gibi hareket hat bizim galeri olabilir ki tamam birbiri ardına dizilmiş öğeler ancak biz de gelip olmak istiyorum marjları ve doldurma stil mümkün Biz kullandığınız yükseklikleri zayıflatmak ve onları konumlandırmak hat bloğunda göreceli yani bu şekilde kurmak ne biz bu yapıyoruz biz gidiyoruz olduğunu Ben yayılma pozisyon olabilir sopa yeme ve yüzen eğer tüm bu adamlar sadece olacak sırıtmak gibi senin resmin üzerine ben içeride bir eleman ile çalışmaktan gidiyorum Benim resimlerin sadece bir yayılma olduğu Sanırım görürsünüz üst resmin üzerine uçtu onlara her zaman göstermek zorunda am Burada ikinci senin galeri hedef ve özellikle benim açıklıklı hedef Bir boyut Resmimi çünkü ben de 250 piksel onları vereceğim Onlara 35 piksel yükseklik vazgeçmek için gidiyorum Ben onları benim görüntüyü seviyorum imzalayan hizalanmış var ediyorum ve ben özellikle yayılma yerleştirmek istediğiniz galeri görüntülerde iyi pozisyon yapmak Bu konumlandırılmış böylece mutlak yüzden burada göreceli kullanın Resimlere kesinlikle göreceli K biz onları göstermek var edeceğim önceden yaptığı gibi Kesinlikle spawn pozisyon bu resimleri 0 piksel alt ve resimlerinizi sol sonra başlayacak bu yüzden tamamen görüntünün alt kapağı değil ne zaman biz senin ikinci I do not almak için üzerine farenizi koymak değişiklik veya arka plan rengi siyah ama pasady verilen Görüntü yoluyla gösteriyor o tür güzel görünüyor böylece tüm yüzde 75 ve daha sonra bitirmek en bizim arayan kazandı diyelim Küçük metin gerçekten güzel görüntü gösterir, böylece beyaz olmak ve sana bütün galeri yayılma gidip varsayılan sahip o margin-solda kaplı olması değil zaman spam: 10.000 piksel gibi çok büyük bir şey için belirlenen böylece araç faylarla yasaklandı olacak sonra ekranın kapalı olacak ve ne Size de galeri gitmek olduğunu yapabilirim ve ne zaman liste öğeleri ancak bitti Biz orada açıklık vardır hedeflemek istediğiniz ve margin-left: 20 kemik ve her şeyi hatları ve sen diyorsun ve bir hata biraz bilgin emin olabilir şey doğru Orada pozisyon ve Yeniden Öğrenme ve biz mouseover üstüne koyduğunuzda diyebilirim Görüntü çok az açıklık var açılır ve görüntü bize daha fazla bilgi vermek Biz CSS ile hileler şimdi istiyorum ne yapabilirim bir sürü farklı şeyler var Odak adam düzenleri ve nasıl bir üç sütunun yanı sıra iki sütun düzeni kurmak için düzen OKC bir temel var burada göremiyor ama biraz HTML istememe var benim out aramak için içine Stalis yapmak ve sizi nasıl göstermek Kolay transferi o Üç sütuna bazı tekrar buraya gelecek edeceğiz ve ekran animus her şeyi hedef tek Bir 0 ve benim bir on 20 okşama: my marj ve çok sık normalleştirmek denilen bir şey karşısında her şeyi normale döndürmek için tüm Web sitesi ve ben normalde bu konuda çok şey görebilirsiniz kullanıyor musunuz YouTube kanalında benim Susie öğretici ne buraya geldi ve ilk hedef başlayın arka plan rengi vücudumuz için sadece sadece tutabilir bu büyük yapmak Basit herşey yine biz vücut için yazı tipi boyutunu değiştirmek için gidiyoruz biz kullanabilirsiniz, böylece 60 yüzde 2,5 patates ve onlara daha sonra hedef sense make her elemanın web sayfası etrafında olacak şal olan rapçi ve 900 piksel değiştirmek izin Ne belge kablolu veya font-size değişti: 1.6 % um en otomatikman sonner orada her şey ne işte biz bunu nasıl ve Şimdi bu adam için arka plan rengini değiştirmek izin beyaz gerçekten hiçbir şüphe Amerikan o tür ilk ne atlar bir araya geliyor sorta söylüyorlar üzerinde doldurma Paragraf 6 kesinlikle korkunç değişim veya somurtarak cevap aşağı 00 1e tekrar dışarı çalıştığını görmek değişti Biz buraya sözsüz Bizim sahip yeniden hangi sonunda o iyi kenar çubuğu hikaye olacak ve en bizim padding-sol dönelim: Bizim değişikliği o 20 piksel artık karışıklık etrafında veya başlık bölümü yüzden sevimli var ama Biraz daha güzel çalışmak tehlikeli edelim yapmak ve yolunda nedenle temelde burada var bu en önemli göz düzenli vardı var sex kullanım burada başka bir Google Yazı gördüğünüz Burada benim link orada benim stil sayfasına var ve burada göremiyor sarıcı olan Her şeyi çevreleyen Burada şuna h1 etiketi diyor başlık sevimli ama tehlikeli olduğunu tarzı uygulaması onu çok teşekkürler efendim edelim değişiklik dole böylece ne olursa olsun tekstil otomatik ekranın sağ tarafında hizalanmış Bu analistler üzerindeki hedef benim arka plan rengi kahverengi, sadece elbise yapmak gibi görünüyor Bu kadar güzel gösteriyor, böylece değişim metin beyazlar için renk EM için tüm sayesinde boyunca değişim dolgu değiştirmek veya font-family: Bu ben başka bir Google cep telefonu o halktan işaretleyici veya kullanım el yazısı denir Varsayılan olarak ve daha sonra bir latte her şeyi bitirmek Eğer oranları önceden iki piksel gördüm teknoloji gölge İki piksel berkeley ve istediğimiz bulanıklaştırma miktarı biz bulmak istiyorsa çok özel Bizim alfa renk Sadece bu b0 atalım 0 derece siyah 0 ve daha sonra biz olması gerekir yüzde elli çift küçük küçük değişiklikler ve yine oldukça dramatik sonuçlar Kessel adlı değişiklikleri almak çevreleyen gidiyor ana bölümü odaklanmanızı Tüm işte makale bilgilerini seviyorum üzgün Burada ana var Ben her şeyi bu adamlar her biri için bölümlere ayrılmıştır var ve sadece resimler bir kaç paragraflar olmak h2 etiketleri olması olabilir olup gidiyor ve bazı ana gidiyor orada başka bir bölüm var bilgileri görebilirsiniz Gerçek tüm çevreleyen Bizim web sayfasında makaleler yüzden burada birkaç küçük şeyler yapalım okşama söylemek ve en EM bu yapalım ve pozisyon göreceli içimde bazı şeyler stil için gidiyorum demektir Burada kesinlikle ben görebiliyordum koruyucu daha iyi uyuyor screener'lardan içinde görüntü olarak hedefinin üzerine gidelim Burada SCO görebilirsiniz ve bu durumda bir sınıf her şeyi verdi bu yüzden Ben özellikle hedef olabilir Burada ben sınıf köleleştirmek verdi ortalama koala resim yani bütün Co demek ben Özellikle ve sonra ben çok zarar görmüş olması hedeflenen olabilir i hedef edemem Tüm sanat görüntüleri olanlar için her ikisi de olabilir, bir hedef veya görüntü float onları sol böylece metin etraflarında sarar ve ben bir yukarı Evde 10 piksel bir marj vermek her şey sadece gidelim Straight snap var demek Bizim h2 etiketleri ile biz bu bir farkla biraz eklemek istediğiniz söyleyebilirim BEN margin-bottom: Burada salsa komutu ile el kız zaman pikselleri biliyorum Bu yaş veya etiketi hedef ve biraz da alttan daha bir marj vermek ne tentacles aslında Şimdi bu yapalım var 1e böylece kredi geceleri ya biraz daha iyi o kadar bölmek görünüyor aslında İK etiketi için tüm kenar boşluklarını hedef geliyor Şimdi hedef olduğumu orada biraz daha güzel relearn HTML üzerinde benim dikey gezinti çıkışları burada tekrar Berkel olmayan bir sıralı liste buraya navigations bu adam benim kenar çubuğu gidecek bir kenara olarak ve sol tarafta veya sağ tarafta yüzden onun hedef üst oluyor Dikey şimdi ilk gidelim ve ben deneyeceğim listesini almak Böylece sigara herhangi olanlar çirkin cıvata üzerinde kalmaması ur ve en tüm bu 20 piksel değiştirmek veya dolgu let Şimdi tek tek liste öğeleri hedeflemek istediğiniz Önce Merkel artık hiçbir Hayvan onları görüntülemek istediğiniz Onları ayrı satırlarda olmasını istiyorum çünkü bu durumda blok ve ben de sınırlarda ve benzeri kas bunları stil mümkün olmak istiyorum ve alt border-bottom: ben koymak istiyorum 1 piksel başladı ve en Brown olduğunu yapalım Amerikalı yinelemek onlar orada aşağı ben sağda buraya onları koymak istiyorum demek Elek yan Ancak Hatırlayacağınız gibi ve onlar kenara veya iç armen üzerinde öylesine o 250 piksel genişliğinde olmak istiyorum float o 250 piksel Böylece ekranın sağ tarafına iki bar var bir ve gidelim ve bir açık kahverengi bir arka plan rengi vermek ve arayacak başka bir şey çok sık ne zaman gerçekten güzel görünüyor iyi Sadece orada bu pasif reload yapalım sağ tarafında orada oturuyor Ekranın Ne ana bölüm ve sağda neden nedenle burada gidiyor Yan ekranı biz ana bölüm var çünkü biz sıla izni olduğunu olmasını istiyorsanız olduğunu 550 piksel say sol analistler vermek Tabii mısın bomba işleri Güney satmak ölçmek zorundayız Gördüğünüz biliyorum orada ve burada bizim yan çubuk ise Orada ana bölüm ve trafik evinde ancak beyaz bir yoludur ikinci Burada odaklanmanızı istiyorum biliyor biz sidebars nasıl alabilirim tam olarak alt ekranı aşağı bütün yolu streç Burada hiçbir içerik var olsa bile iyi yapabileceğimiz küçük bir hile var veya yan biz alt okşamaya gidebilirsiniz ve sen öylesine tarafından gitmeyecek biliyorum astronomik sayıda almak 5000 Örneğin piksel ve şimdi biz gitmek gibi biz ne margin alt padding-bottom kekeme: böyle ve böylece negatif 5000 piksel aynı tam miktarı olmak zorunda ve ben olabilir ki Orada aşağı uzanan bakın temiz küçük hüner onların üzerinde hiçbir içerik yoktur dışarı bile öfke ile birlikte ya da onun için burada da her şeyi temizlemek için ve ayrıca herhangi bir diğer tarafı çubuğu otomatik olarak gider bkz gizlemek istediğiniz gidiyoruz Burada 5000 piksel gider Biz gizlemek istiyorsanız yapmamız gereken şey bu yüzden olsun olduğunu Bu durumda her şeyi ve çevreleyen bir eleman rapçi her şeyi çevreleyen ve taşma gizli gitmek böylece olursa olsun ne kadar büyük içerik bize tam uzunlukta kenar çubuğunu verecek Alan burada ama aynı zamanda herhangi bir ekstra boşluk reload gizlemek için gidiyor ve orada görebilirsiniz beyaz geri geldi ve kenar çubuğu tam olarak aynı ana içerik alanı olarak yükseklik ve sonra nihayet istiyorum sadece bir top ya da hangi burada iki veya dört bölümünde gidin istemiyorum hiçbir şey yok elemanlar sağ veya üzerinde sol tarafta gitmek emin olun biz onu seviyorum standları çok çok hem de arka plan rengi açık sanırım kahverengi de değişiklik bazı kedi nedenlerden dolayı hangi yapmasıdır ve biz bu 200 piksel için yükseklik sınırlandırmak tam avcı aynıdır 900 piksele sahip bir saat ve marj 0 ve otomatik olacak o kızımız tam olarak aynı şeyleri yapar ve dolgun bir var ki böylece biz gidip o nasıl zor bir iki sütunlu web sitesi oluşturmak nasıl Bunu değiştirmek Üç sütun sitenize entegre iyi aslında olacak güzel Semporna gitmek olacak Benim html bölüme ve doğru Hatter sonra burada sakinleştirmeye gidiyorum Ben sol boyut ekranda gitmek için bir şey istiyorsanız bazı sol kenar çubuğunu ve Sağ kenar çubuğu Şimdi sol oluşturulan buraya onları arayın ya reformlar sadece halt burada aynı kesin bir şey kullanabilirsiniz gibi daha az Bunun basit güvenli Benim CS'nin s dosyasında bir sıçrama üzerinde olduğumu kaydetmek düşmanlık ve sadece bazı stil ekleyerek devam bu yüzden ben sadece gerekir Her şey sığacak olacak böylece alan için izin Benim hedef sadece içeriden attı HTML şimdi hangi sol Ben o kadar 200 piksel beraber bulmaya gidiyorum Ekran Gidip uyum vardır edilmiştir ekranın sol tarafına olacak şamandıra onu olacak çünkü o aynı arka plan vermek için neler aşkım kenar çubuğu olacak iyi liste aşağı dolgu olarak background-color yüzden burada bu adam gibi: Aşağı bütün yolu oluşur bu yüzden bu istiyorum ve ben dolgu istiyorum ekran sadece o orada hızda gidip en de ben istiyorum diyelim Şimdi en de gideceğim zaman kravat edeceğiz listesini hedef izin Biz herhangi bir tekne yok ki ben o olmayan değiştirmek başlangıç ve sonra gidelim ve ona sıfır bir dolgu vazgeçmek ama bizim yapmak istediğimiz biz Masroor padding-bottom kez gitmek için: yazar yeniden ve orada o kadar gösterir görebilirsiniz ama bizim diğer yan çubuk iner içinde cuz sağ tarafı ekranı Biz sol hedef gidiyoruz böylece için yeterli alan için izin Şimdi Sırasız liste ve bir ver sıfır piksel yukarı okşama sonra hedef Bireysel liste öğelerinin her birinin Şimdi hem tekrar göstermek için gidiyoruz sol bir kez daha böylece blok olarak yapar vb ile ilgili sınırların kullanmak mümkün olacak ve Daha önce yaptığımız gibi aynı: bir sınır dibe yapacağız 1 piksel noktalı ve kahverengi ve daha sonra bazı özel ekleyeceğiz EM 0, bu nedenle 0,5 ekleme Sağ taraftaki 0 ​​sağ taraf kaydırma veya noktalarında Bu alt dolgu ve 0 bulunuyor aşağı 5d 0,5 sol dolgu için pm sonra için gittiğini onları ana bölümü hedef ve bu yüzden sağ sol için oda var aşağı küçültmek Kenar çubuğu yüzden sadece olduğu gibi basit bir şey deneyelim 400 piksel ve daha sonra bir kenara hedef ve sadece biz mi gibi kadar 100 piksel vermek web sitesi veya orada gerçekten güzel şeyi hatları görebilirsiniz Bu oran sidebars biraz da o karmaşa gitti üsküp bize çok başka biri olarak aynı görünüyor Burada erkekler onlar 1i kendi gerillayı hedeflemek istediğiniz değil onların dedi bomba üzerinde üzgün o iki sütun yapmak ne kadar kolay olduğunu gitmek yanı sıra CSS üç sütun düzeni olarak ve bir gösteri kapının yanında nasıl duyarlı web sitesi tasarımları oluşturmak için böylece son aşağıya sorularınızı ve yorumlarınızı bırakın lütfen bir dahaki sefer.

Açıklama

İşte Kodu Alın: http://goo.gl/qUnMTX En iyi CSS3 Kitap: http://goo.gl/8KjgNG Em Geniş Belge kullanın: 00:31 Tekrarlanan Görüntü Amaç: 01:43 Sabit Arka plan: 02:11 Gradient Background: 03:30 Ölçeklenebilir Arka plan: 4:14 Düzen Örtüşmeyi Fix: 05:19 Çoklu Arkaplan Resimleri: 06:00 Özel yazı tipleri: 07:38 Bağlantı hileci: 08:58 Metin Gölge: 09:32 Girinti Metin: 10:25 İlk Mektubu Ayrıntı: 10:53 Alt Gölge: 11:56 Yuvarlak Görüntüler: 00:20 Döndür Görüntüler: 00:32 Özel Liste Bullets: 00:47 Tablo Şekillendirici hileci: 14:04 Form Şekillendirme: 17:35 Mutlak Konumlandırma hileci: 20:16 Resim Galerisi: 22:40 2 Sütun Düzenleri: 26:34 3 Sütun Düzenleri: 34:38

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Derek Banas

Derek Banas

Ben senin isteklerine dayanarak eğitimlerini yapmak. Hayal edebileceğiniz herhangi bir konuyu kapsayacak

YORUMLAR



9.8/10

  • 410
    Olumlu
  • 8
    Olumsuz
  • 119
    Yorum
  • 20330
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • finalcall07

    finalcall07

    11 NİSAN 2008
  • JamesAtiPhone

    JamesAtiPhon

    16 EYLÜL 2010
  • Machinima

    Machinima

    17 Ocak 2006

ANKET



Bu sayfa işinize yaradı mı?