21 NİSAN 2012, CUMARTESİ

Bir Css Sıfırlama Kural Kullanın

Hey bu CSS sıfırlama kullanarak gitmek bu videoyu İstiyorum Ralph olduğunu reset kural bize ayarlamanıza yardımcı olacak temel Salaam kuralı karakteristikleri volver elemanlarının özellikleri vardır tür eşit ayara ve web sayfaları yapmak için gerçekten harika bir araçtır tutarlı görünmek Farklı tarayıcılarda arasından yüzden sizi götürmek istiyorum En başından beri bu sayede bir Yinele var tarafından kurulmuş bir boş sayfa var bu yüzden o kurtardı ama Searle devam edin ve benim html ayarlamanız gerekir Sammy ile devam edin ve ben tip tanımını nokta onları almak Dil H HTML etiketi Onunl

a net öncesinde bölümü niteliklerini karakter kodlama benim sayfa başlıklı ve en bazı iç stilleri yapacak bakalım çok iyi üst söyledi Şimdi gerçek hayatta ben normalde dk çok iç stil kullanmak do not Eğer ben gerçekten bel

ki de harici stil sayfasını kullanmayı tercih edersiniz biliyorum benim demo dosyaları kullanan gitmek ya da görmek bir iç stil kullanmak için iyi bir yoldur Adalet her şeyin Fareler üzerinde olduğunu

“HTML elemanları varsayılan marjı, dolgu ve diğer özellikleri kaldırmak ve farklı tarayıcılarda içindeki tutarlılığı oluşturmanıza yardımcı olacak bir reset kuralı...”
Ralph Phillips

ve kendi kendine yeten ancak dönem YesSir temelde aynı ters işlem Eğer bir taahhüt eğer gerçekten yapım bir sayfa iç stilleri gayet iyi ama vermedi daha fazla sayfa Dış gövdelere benim sayfasına gitmek için yol stil sana yakın yani benim web sayfası benim temel HTML gerçekten ne görselleştirmek için şimdi var Belli şeyler yasal oluyor Aslında vücutta biz biraz üzerinde Sony zoom görebilirsiniz sayfası Bu benim yazı daha büyük yapmak ve spurts ve burada i

Bir Css Sıfırlama Kural Kullanın Resim 1 Bir Css Sıfırlama Kural Kullanın Resim 2 Bir Css Sıfırlama Kural Kullanın Resim 3 Bir Css Sıfırlama Kural Kullanın Resim 4

çerik Bir sarıcı div yapabilir Ben istiyorum çok yaygın bir teknik vücutta benim sayfa temelde her şey var rapçi içerdiği bazen konteyner denir ve temel bir merkez yapmak için kullanabilirsiniz Bildiğiniz sayfadaki sütun her şey güzel bir çevrimiçi Farklı kullanabilirsiniz kontrollü did var Bu konuda arka yüzden gülmek ve iyi bir kredi bu rapçi Lil C içinde gerçekten iyi Başlık on ve Tüp gerçekten lissy anlaşılan paragraf neler olup bittiğini görmek için K küçük paragraf ve aynı zamanda kelime listesi tamam biraz k

oyacağım Sırasız liste gerçekten bu standout yapacak Bu oldukça iyi üzerinde öğeleri liste varsa olur tamam şimdi biz aslında bakmak için bir şey var ve yapacaksın Bu yapmak için bir şey daha gerçekten sadece benim stilleri kadar koşmak gonna öne ve ben de gerçekten benim sevgili aşkım benim sarıcı diyeceğim Bu arada rapçi önünde burada yoktu koyarak diyez işareti nakit piyasası merkezi vermedi koyarak yoktur Tarih koyarak onlar bana aynı sonucu verecek Ben onların Mitt yaptım atıyorum olabilir gerçekten net emin olun bu kimlik rapçi seçici Ben bir boşluk yapmak istemiyorum div etiketine karşılık gelir ama sayfada var Orada Onlar farklı zaman ortalama bir şey olduğunu bir boşluk getirmek ve ben öylece ışık bu biraz arka plan rengini yapmak ediyorum mavi / gri Tamam yanlış kaşlı yüzden burada oluyor bir sürü şey var Bu standart bir HTML dosyası yüzden şeyler varsayılan arıyoruz görelim çok az Ste çok az stilleri ile birkaç tarayıcıları var ve ben kontrol etmek istiyorum bugün mü her şeyi Firefox üzerinden atlamak ve üzerinde sayfamı almak için ilk olarak kaydedilir Yük ve Firefox ben sadece değişiklikleri Emin yenilemek gerekir ve burada benim sayfası ve biz konum görebilirsiniz açıkça benim sarıcı size başlığını görebilirsiniz olan tek Benim sırasız listede benim paragraf bu Firefox'ta olduğu krom krom bunu kontrol edelim ve biz şeyler çok tutarlı arıyoruz gitmek orada yenilemek ve ya ferahlatıcı oldu takımından IEEE bu kontrol edelim Bu mimar Tamam hücre biz beni tür bu kapalı geçelim var ne taraf ve ben arıyorum Ne. sis gerçekten sayfa ve böylece ilgili farklı ne şeyler arıyoruz oldukça iyi biz mermi hafif bir fark görüyorum böylece Internet Explorer, krom ekranlara göre daha farklı kurulları biraz görüntüler Kurşunlar Ben Firefox açmak ve eğer koymak: üst üste olduğu biz kinda bazı haline çizgi böylece görünür kısmı sayfaları kadar olduğunu görebilirsiniz Burada biraz Rio maç ve burada bazı şeyleri görmeye başlayabilirsiniz kurulları biraz tekrar bakmak kol Firefox'ta farklı onlar benden daha zaman E Beni biraz bulaştırmak için dikkatinizi çekmek istiyorum şeyler nelerdir basamaklandırılabilir Biz kenarları görebilirsiniz her biri için bu yüzden biz krom Firefox ve IE var Ben gerçekten summer ilk bu ilk uzay arıyorum ne tüm tarayıcılarda ben margin-sağ bu biraz var nasıl bakmak: işitme arasında beyaz bakın mavi tarayıcıyı kenar Rapçi ben solda biraz var ve tabii ki üstüne biraz olmak ettik Ben de bir üzerinde biraz var ve kuyu olarak sağda bazen bize verir bu varsayılan marj var Bir baş ağrısı ve Teresa kural yardım biraz özen ve biz de gerçekten olmak zorundayız kritik olan sana onuruna bu fark, bu ya da değil yakalamak ancak alan miktarı tamam bunun için biraz OKB gibi olmak zorunda ama kenarları arasındaki boşluk miktarı buraya krom arıyorum ben Benim kurşunlara kenarları arasındaki boşluk miktarı benim sarıcı krom küçük görünüyor içinde sonra ben ii mermi rapçi gelen uzayda kenar var ki, bir IEEE biraz daha fazla yer Angie nasıl sadece ama ben bakarak size tür şeyler artık bir parçası olduğunu biliyor musunuz Gerçekten yakınlaştırmak ve bunu kontrol Bu büyük küçük add-on var Firefox için için de kendi ölçü aslında krom o eklentiler için önlem yangın sadece Firefox ama bu tıklayabilirsiniz ve o um bana tren% üzerinde biraz sabırsızlanmaya verecek Burada çalışmıyor notları ben kullanmak genellikle alışkınım bana Firefox size göstereyim onların küçük ölçü o ve ben biraz orada bir çapraz kıllar koymak ediyorum Benim mermi kenarlara gidip görmeye başlayabilirsiniz maritza hemen hemen belki biraz yaklaşık 28 piksel boşluk var belki ben yaklaşık 25 26 piksel boşluk telâfi ve kenarları arasında size anlamaya araçlar bu tür kullanabilirsiniz Ne biraz oluyor ve kapatmak geri dönüş var böylece o ufak farklar ve boşluklar ve bu marjları bir araştırma rolünü kullanmak istiyorum neden olduğunu görünür Bir sıfırlama kullandığınızda ama gerçekten o tür garip bakmak olacak olduğunu biliyorum bu yüzden bana sadece benim editoryal cilvesi üzerinden atlamak izin Buz stillerine gidip ama benim araştırma çok üst yönetti ve aynı olmalıdır Teresa kural stilleri ilk kural olmalıdır nadir olan iç stilleri kullanarak ister harici stil sayfası yakmak Araştırma kuralı ilk gider 1i yıllardır sadece bir yaban kartı kullanmak Benim seçici olarak yıldız işareti yani temelde Ben set kenarında tüm unsurları manipüle olacağım: 0 piksel ve dolgu 20 piksel aslında PX birimi ölçümünü koymayın nereye sık sık görmek kol Eğer 0 piksel koyarak çünkü 0: 0 padding: Bu tamam marj aslında üzerinde Gerçekten ölçü birimini bu gerekmez daha sen biliyorsun 0 Benim alışkanlık ben orada o küçük px koymak eğilimindedir ama her iki şekilde gayet yüzden istimal yani temelde tüm elemanlar sıfır marj sahip olacak: 0 doldurma yüzden ben Bu en bu kontrol edelim kurtarmak iyi bir ilk krom ve a bakın kendi ego yenilemek ve Firefox üzerinde geri kafa Internet Explorer artık yenilemek ve şimdi ben bu değişikliği yaptık yani yenilemek ama şimdi işler eskisi daha da tutarlı krom Firefox ve IE bu sayfalar aynı arıyoruz Hiçbir marjinal kaydırma var çünkü ve o temelde Bize sen benim işaretli göremiyorum bilmek benim liste öğeleri sağ yanındaki yukarı itilir ürün bu hala listeyi iptal olsa bile topları tarayıcının aslında sol uzayda sayfası biraz ancak bu değer artık sıfırlama kuralı değeri de sıfırlama kurala maliyetinde bir maliyetle geliyor şimdi biraz var Biraz daha çalışma dahil sayfamda ben gittim dedi çünkü O hiçbir doldurma de hiçbir marj vardı tüm hastalık ben elemanları Özetle istiyorum marjı ve dolgu bu yüzden şimdi ben bunu istediğiniz yere geri koymak zorunda benim başlık biri için o yüzden text-align yapabilir: merkezi ama ben de istedim marj en üstünde 10 piksel diyelim Ne de bu dört tarafı piksel hızlanma ilçe araçları Benim paragraf Ben yapmak istiyorum hams için girinti sevgi metin ve ben de bazı marjı yapmak istiyorum dört tarafı 220 piksel kol ve daha sonra da benimde bir kuş listesi sanatçılar benim sırasız listeler için alan yapmak 10 piksel üst kenar boşluğu ve alt 30 piksel sağa ve sola kadar bu ne demek olduğunu kullanımı için iki adet, bir üst ve alt sol ve sağ yüzden ölçmek Şimdi ben bu değişiklikleri yaptık ben krom geri dönebilirsiniz şeyler arıyoruz nasıl yenileme var Firefox yenileme IE yenileme bu yüzden şimdi marjları ve dolgu koyduk Ben istedim, gerçekten sadece marjları teşvik ve ben hala çok daha alıyorum tutarlı tasarım Bu tutarlılık kol gerçekten abartılı gidiyor daha fazla Yapmam karmaşık düzenler daha sonra değerli bu sıfırlama kuralları olacağını ve bu işler bu yüzden bu şeyler uygulamak başlayabilirsiniz davranır nasıl bilmek güzel katılıyorum size önceden bilmek ve bu yüzden var kolay bir tarafından çok kullanılan bir eylem bir sıfırlama kuralı diğer bazı büyük web siteleri ve ben de sana hızlı bir küçük demo vermek oldu İşte Apple'ın web sitesine gitti bir kaç kere son zamanlarda çok sadece kontrol var dışarı tekrar baş veya Apple nokta com ve burada bir bağlantı sayfası görünümü sayfa kaynak tıklayın numara onların baz CSS dosyası açmak Bu Apple'ın CSS dosyası ve onlar hemen kendi araştırma kural ile başlamak onların sıfırlama kuralları fark Bu arada daha karmaşık sürü bu bir yorum ve stilleri olan yani yıldız eğik çizgi olarak yıldız çizgi Birkaç bir açıklama koymak düzgünce onların CSS dosyası düzenledi Bu bir çok daha çok karmaşık Bunun yerine onlar tam anlamıyla tüm adlandırılmış ettik wild-card seçici kullanarak notları bunlar elementler ve ne tüm bu unsurları yapıyor onun Kübalılar en gidiyoruz burada olacak tutmak rowland Onlar marjı kurdum: 0 ve doldurma sıfıra Sadece yıldız kullanmayın neden çok özel olmak isteyeceksiniz tamam bu yüzden onlar sadece marjı ve dolgu 20 koyarak konum ama sonra bazı yapıyoruz Bu diğer unsurları ile diğer şeyler senin başlık tek başlık tekrar ne bu bir yapıyorsun etmek onlar biz normale nedenle temelde her zaman birileri kullandığı kol ayarı ediyoruz Apple web sitesinde etiketi başlığı o normal bir font-ağırlık olacak varsayılan olarak kalın değil: ve onlar da yazı boyutunu her şey için bir standart yazı boyutunu söylüyorsun bazen yüzde 100 kullanılan görmek ve aslında bir tek im hizmet etmek olacak çok az şüphe muses görmek bir ama oldukça yaygın istedim kişiler belli Çerçeveler hissediyorum Eğer formlarla çalışırken sınırları ben çok sonra bu bir gibi Ben genellikle sıfır daha olmayan için Sınırlarda alanları ayarlayın ağları ve bu nedenle temelde bu sadece bir çok özeldir Eşit oyun alanında tüm unsurları koymak için kural sıfırlama ve makale sitesi altbilgi başlık için buraya bu son sözü ne Ben ekran bahse bu yüzden bu yaş grubu tüm yeni html5 elemanları şunlardır: block o görüntü var: block bu oldukça yaygın bir yeni bir tekniktir kol temelde biz bütün bu yeni unsurlar var ve bazı biraz eski tarayıcılar bu yeni tanımıyoruz Şu anda ortak bir taktik yani beş elementten her takım görüntüsünü yapmak: blok Son zamanlarda çok tüm demoları bir kullanıyorum çünkü yapıyor O Apple'ın çok daha karmaşık yeniden yüzden son zamanlarda sürüm piliçler bu yüzden seni duymak birkaç şimdi böyle hissediyorum o devam kullanmak oldukça serin olduğunu düşünüyorum Bu değil onların bir sıfırlama kuralı kapmak Apple'ın web sitesinde üzerinden atlamak Burada telif hakkı bilgiler um sende iyi örnekler sıfırlama kuralları bulabilirsiniz Tüm web üzerinden sizin için bir Google araması yapmak olsaydı Araştırma kuralı özellikle CSS dinlendirmek Eric Myers web Eric Meyer guru karşısında size geleceğiz web tasarım, özellikle bkz bir tabure sıfırlama CSS gidiyoruz burada CSS ile ilgili bu yüzden onun web sitesi üzerinden ilgili makalelerin bol O yüzden burada gitmek burada değer serbest set kuralları kamu malı versiyonu Ayrıca bir çok uzun ve karmaşık sıfırlama kuralı var hangi farklı unsurların demet belirtir ama ablam marjı dolgu: 0 o da biraz daha ayar gider border 0 hava font-size: standart yazı tipi boyutu doğasında yüzde yüz tipi ve dikey çizgi temel bu yüzden bu sadece çok daha detaylı ve karmaşık Burada html5 ekran rolü var yazısı için Apple'ın web makaleleri gördüm gibi ben ayrıntıları şekil İki ekrana bu yeni html5 etiketleri seviyorum: blok Bu çok daha karmaşık bir reset kural hücre ama aslında sadece bu bilgilerle bir CSS dosyası kurabilirsiniz notlar onlar gibi bir şey yaptım varsayalım Diyelim ki bu aldı görelim ve ben bu yüzden burada bir nebze var bir araştırma rolünü yaratmak istedik Bunun gibi tüm araştırma kuralı tüm maddeleri Benim editöre sından kopya Bu ancak ne zaman böyle yeni bir dosya yapıştırılan Ben temizlemek olabilir dersi ve malzeme oluşturmak Ben masaüstüne bu dedikleri gibi bir Kaydet do Bu benim sıfırlama CSS var olacağım Hastane operatörü nedenle bu araştırma kural kaydedilmiş olsun değil Sonra ben ona ben sadece gitmek hayır büyük dağıtmak başvurmak istediğinizde benim bağlantı Onların kız şimdi ben bir sıfırlama kural benim sayfa dahil ettik Sezon yüzden şimdi can Aslında bu alabilir benim özgün sayfaya geri üzerinde kafa ne var kaydetmek ve ben gerçekten küçük bir değişiklik gördünüz mü oh ne değişim için çok görmemeli Benim başlık unuttum çünkü normal bir osuruk yolu böylece bir reset var Normal yazı tipi boyutu Gerçekten cesur bir başlık isteseydi bu yüzden o geri değiştirmek zorunda son kural bir çok meraklısı CSS kuralını kullanarak, böylece Tabii ben diğer harici CSS dosyaları sanki isterim o zaman ben sadece would sadece Başka bir bağlantı etiketi koymak ve tabii bu olurdu benim O böyle benim ana stili veya bir şeyler biliyor Ben iki ayrı CSS kullanıyordum ama eğer hala bu sırayla özledim istiyorum Dosyaları Benim sıfırlama CSS dosyası ilk olarak gitmek istiyorum benim ana tarzı, ikinci vermek istiyorum ama tabii her zaman olabilir ana CSS dosyasının en üstünde reset kural koymak CSS sıfırlama kural hakkında bilgi yüzden biraz Onlar büyük bir araç acemi başlayan web geliştirici olduğunu düşünüyorum Eğer ağları biliyorsanız, muhtemelen bunu görmezden ama olabilir Eğer daha karmaşık olsun başlayabilirsiniz tasarımlarınızı paftalar Sana 1 yakın tarihli bir kararında da dahil olmak üzere bu satış baştan dahil düşünüyorum Tüm CSS eğlenmek.

Açıklama

HTML elemanları varsayılan marjı, dolgu ve diğer özellikleri kaldırmak ve farklı tarayıcılarda içindeki tutarlılığı oluşturmanıza yardımcı olacak bir reset kuralı kullanın.

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

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



10/10

  • 38
    Olumlu
  • 0
    Olumsuz
  • 3
    Yorum
  • 3436
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • André Frizzo

    André Frizz

    16 Aralık 2006
  • Anthony Le

    Anthony Le

    10 EKİM 2006
  • thelonelyisland

    thelonelyisl

    23 Aralık 2005

ANKET



Bu sayfa işinize yaradı mı?