lmek CSS vergilendirilir ve stil kullanmanız gereken medya türü olduğunu Bizim ekranlar burada bir bağlantı var ve bu yüzden Bizim HTML sayfasından bizim stil sayfasına Eğer bu doğru ayarlamak tekrar eğer İlgili Dosyaları buraya görmelisiniz Alan Dreamweaver Eğer gitmek seçeneğiniz var ne olsun CSS bizim stilleri boş Bu çok kolay ileri geri geçiş yapar Burada CSS stilleri göremiyorsanız n burada olduğu gibi Lincoln tam görünür oluşturduk ve aslında burada bir dosya var CSS klasörü olarak adlandırılan stilleri CS

S Sadece devam edin ve dışarı kapatabilirsiniz değilse Henüz burada görünmelidir ve sonra dosyayı yeniden o üst buraya görünmelidir Bizim çerçeve içine gitti şimdi sadece ve önde gitti ve bazı klişe HTML yakala tasarımı için bir başlangıç ​​noktası olarak incelik yapacağız onu CSS ile aynı şeyi yapmak ediyoruz Pek çok go ahead ve dosyaları buraya gel yine benim çerçeveye önce benim açılır am tıklayın Benim çerçeve içinde ve ne zaman kalacaksın bir klasör denilen CSS var bakın ve biz html klasörüne gitti hemen önce olduğu gibi ve bu temel üzerinde html yakala HTML Burada biz gerçekten temel ölüm CSS gidiyoruz ve yapacağız yakala o klişe CSS sensin bu dosya birinden çift go ahead Ordaki tıklayın Tüm kod tüm yol var iner görebilirsiniz ve ben de devam Düzenle Seç Hepsi için gidiyorum ve bu düzenleme kopya benim HTML sayfası içine gel tüm kopyalamak için seçme stilleri ancak CSS ve daha sonra düzenleyin ve yapıştırmak için gidin Eğer çerçeve yoksa yine eğer ve sen yazmanız mümkün ediyoruz stilleri Yarın yaratmak olarak size bunun için talimatlar vermesi % uh başlangıçta tüm bu yazarak ve endişelenmenize gerek yok ama bu size için gerçekten harika bir başlangıç ​​noktası vermek yok senin CSS o stil sayfasını kötüye herhangi bir avantaj Sadece size bir üs başlangıç ​​noktası vermek değil ki diğer stilleri burada konteynerleri Kullandığımız kaplara Haritayı Burada aslında orada burada şablon Bu size biraz tasarruf edeceğiz, böylece ben de değilim bu yüzden benim tarzım şeyler CSS buraya geri geliyor O şu bu bilgileri kopyalamak için tüm yapmanız gereken ediyorum üzerinde hayır istediğimiz ilk kez go ahead ve bizim tarzı ile bir göz atın yaprak Sıfırlama mücadele altında burada bu bölümde olacak ve tüm bu benim CSS sıfırlanır Buraya kadar tüm yol Şimdi küresel alanda ne bir CSS sıfırlanır size verir ise tüm farklı tarayıcılarda düzgün bir başlangıç ​​yeri ne yazık ki farklı tarayıcılar Internet Explorer Firefox Chrome Safari hepsi biraz farklı bir yerde seni başlamak tarayıcılar farklı varsayılan çünkü ve bu ne sıfırlama yapar% um o sorta olduğu yerde başlayan bu yapar tüm tarayıcılar için aynı ve bir sürü insan benim çerçevesinde birine sahip tekrar sıfırlama oluşturduk Ben birazdan burada önde haber gidiyorum ama daha devam edin ve bir göz atın ki daha çok var Örneğin ve google ve CSS sıfırlama yazın giderseniz kadar gelecek epeyce çok popüler biri Eric Meyer reset denir aynı zamanda popüler bir sıfırlama olan bir adam ya Tohum go ahead ve ya Google onlardan biri kapmak ya da tam burada benimkini görebilir ve sadece devam edin ve yazabilirsiniz Bu bilgi ve aslında orada biraz daha fazla bilgi var Bana gelin izin veya C Orada hattı kalanını görebilirsiniz ama orada thats CSS sıfırlama tekrar size üniforma başlangıç ​​yer verir tüm tarayıcılar için böylece dışarı uzay şeyler yapmak için çalışıyoruz Her şey göz üniforma bunu düzensiz temel iş var böylece ihtiyacınız için gidiyoruz eğer ilk şey CSS sıfırlanır Şimdi bundan sonra olacak go ahead ve bizim konteyner bakmak ediyoruz stilleri ve bu stil sayfasını kullanarak tekrar avantajı Temel şüphe CSS olduğunu konteynerler için stilleri burada aşağı doğru ilerleyin eğer Eğer konteyner bölümüne görecek mi Burada harita listelenen konteynerler ya biz aslında kullanmak kapları maç Bizim HTML size heidi burada göreceksiniz seçiciler eşleşen başlayacaktır stil sayfasında biz go ahead ve bizim HTML özelleştirmek için gerekli hiçbir tıpkı konteynerler Önünüzde gittin o zaman bizim stilleri ile aynı şey burada yapmak Bizim kaynak koduna giderseniz ilk birkaç detay rapçi olduğunu görebilirsiniz Üst ve sürgü rapçi üst ve kaymak ve benim CSS giderseniz Biz göreceğin rapçi Morrissey üst konum ama biz kaydırıcı görmüyorum Pek çok önde gitmek ölüm sadece o bir tane ekleyin Orada gerçekten hızlı bir sekmede kendimi açık üzerinde ve yapılacak benim açılış ve kapanış parantez normalde burada kaynak koduna geliyor ve daha sonra kaydırıcı sonra bayrağı var Üst adı Headsup ayı var ve ben önde gitmek gerekir gibi görünüyor üzerinde biraz şeyler var bile dışarı sekme Bir afiş olabilir üst ve subtalar sallanma ve biz başlığı görmeniz bizim stil sayfası gitmek ve daha alt ve sağ üst yarısı burada Sadece devam edin ve bu yukarı sürükleyin arayan biraz farklı düzen var Eğer orada isteseydi ve Tamam o oluyor reorient sahip oldukları bir afiş üst olacak ve bu maç yani orada alt tam burada ve ondan sonra yapacağız içeriğe sahip olduğunuz Alt afiş ve savaşçı ve benim tarzı haline gel o Biz içerik rapçi sol olabilir var sol taraf sağ taraf biz başka ihtiyacımız yok Yazlar olacak go ahead doğru olduğunu silme hoppala oldukça orada tüm bu oran silmek ve sonra biz içerik ve Fodor burada kaçırıyorsunuz bir şey var Bu alt banner IAB olduğunu yazları olacak bunu kopyalayabilirsiniz gitmek Kimliği içerik sağında geri stilin tıklama girer ve sadece go ahead ve sadece o yapıştırarak daha dibe do bu yüzden şimdi biz eşleşen zorunda gidiyoruz Her biri için seçici kaybetmediler istedi Bizim HTML içine kullanmış olduğunuz ve ayrıca devam bu kutuları almak ve isterseniz yapabilirsiniz daha sonra biz onlara ihtiyacımız olmayacak o biraz etrafında oynayacağız hemen önemli bir parçası burada bu doğru Her biri için bir seçici s çıktı var biz kurmak istiyoruz ilk ben olacak için yapmak istiyorum ilk şey şüphe Burada rapçi için stil olabilir ve rapçi hatırlamak için gidiyor Bizim Tasarım konteyner diğer tüm işler içerir Eğer açılış görebilir ve kapanış verir o rapçi için çok rapçi yapacağız yerde sen her şeyi içerir biz önde gitmek bakarsanız sayfasında ve bitmiş tasarım burada Eğer biz ilk ayarlamanız gerekir birkaç şey görmeye gidiyoruz Biz yapmamız gereken şey kamçı ayarlamanız gerekir olduğunu gerekli diğer tasarım ve genel tasarımı ile olacak 900 piksel olacak ve bu kafa gittiğini, bu görüntülerle aynı olduğunu Burada kullanarak bu yüzden 900 sarıcı ile ayarlamanız gerekir biz de üst ve alt ve sol ve sağ kenar boşluklarını ayarlamak gerekir üst ve alt kenar boşluklarını karar Burada gördüğünüz 0 olacak biz aslında istiyoruz sol ve sağ kenar boşlukları Biz söylemek istiyorum böylece tasarım merkezi otomatik uzay için tarayıcı kadar Sol ve bizim için doğru çoğu tarayıcılarda naif tasarlanmıştır ayarlarsınız Paylaştığımız çoğu tarayıcı ve sadece bir an da IE do Burada bir dönüş yaptı pek çok iyi o geri gelmek en aza Benim stil sayfası içine ve benim sarıcı seçici olduğunu gelip gitmek ve parantez içinde tıklatın: ben yapacağım ilk şey gidip önde ve bu tasarım ile ayarlanır yapmak 900 piksel ve daha sonra ima go ahead ve bunu marjı ayarlamak için Şimdi marjı özellik olabilir hatırlıyorum Saidapet herhangi bir ila dört değer Ben önde giderseniz 10 20 tip Burada 30 40 ve dört değerlere sahip Bu sağ üst olurdu alt ve sol Sadece saat gece-saat hatırlar Tasarım sağ üst köşesinde Son dip ve ben burada sunulan piksel yaptı ama değerler belirlediğiniz izin istiyorum öylesine sana nokta olsun kabın kadar yan tarafların her biri için tek bir Ben sadece iki değer yaptım ilk değer alt üst olacak ve ikinci değer, sol ve sağa olurdu Ben sadece değer istemiyorsa bir top sol alt olacak değerlerinin ve sağ hepsi için bir olmak için gidiyoruz yani bizim durumumuzda biz yukarıdan aşağıya 0 piksel istiyorum ve biz tarayıcı otomatik olarak sol ve sağ dengelemek istiyoruz böylece tasarım merkezi yüzden edeceğim değeri devam burada yer 0 piksel ve otomatik olacak 0n oto cehennem demek ve biz go ahead ve burada tasarım görünümüne geri gelmek Eğer sadece düz eski tasarım görünümünde görürsünüz şimdi nasıl kısıtlanabilir olduğunu ile 900 piksel içine ve aslında Canlı Görünüm bakarsanız veya bir tarayıcıda önizleme Eğer tasarım merkezli olduğunu göreceksiniz yani mesela ben buraya gelip sitokrom eğer Bunu olacak o kadar görürsünüz Bu tasarruf demek gibi sitokrom kayıtlarında Cumartesi günü evet ve krom tasarım var var ve bunu ben istiyorum gözlerimi açık bırakmak yapmak senatör giysiler görürsünüz bitmiş öğe bazı keşif minimize genellikle um yaptığı gibi sorunu biliyorum Burada ışın tıklayın eğer Internet Explorer ile birlikte gelir ve Internet Explorer seçin ve sayfayı getirmek tasarım sayfasında merkezli olmadığını görmek için gidiyoruz bu yüzden IE, biz düzeltmek gerektiğini bize burada bir sorun biraz veriyor ve yolu IE sayfadaki tasarımı gönderilen O senin stil sayfasının geri gidin Aşağı ve ev kayıt kaydırma ve vücut tarzında ya da sadece devam edin ve burada bir gövde stili yazabilirsiniz online metni yapmanız gereken merkezi ve bu merkeze kullanmak için çok garip bir komut var sayfa eklemek metin ama bir vücut içinde bunu yapmak zorunda yolu ve şimdi devam edin ve en kaydederseniz ve ne zaman biz bir şey önizleme önce Her zaman ama şimdi ben önde giderseniz devam edin ve o kurtarmak için gidiyoruz Internet Explorer'da bu kadar açık Eğer tasarım artık merkezli olduğunu göreceksiniz sayfa ne yazık ki bu diğer birkaç getirir üzerinde Bizim Tasarım sorunlar ancak go ahead ve I olarak o çözecektir bu yüzden şimdi Internet Explorer ve hem sayfada merkezli tasarım Diğer tüm tarayıcılar Ben istiyorum sonraki şey go ahead ve arka plan rengini ayarlamak olduğunu do Bu ışık olacak sayfası için Burada turuncu renk Biri devam edin ve o en aza indirmek Buraya benim stil sayfası ima go ahead ve burada benim vücut tarzı çam ve ben de go ahead ve benim sayfanın arka plan rengini ayarlamak değilim i olacak go ahead ve kullanımı olacak kulüpler mülkiyet satıldı Arka plan rengi ve ben olacak go ahead girin kulüpler değeri FF dei CE ve biz bu tasarruf edeceğiz ve Devam edin ve tekrar bir tarayıcıda bu önizleme yaparken biz olduğunu görüyoruz krom edeceğiz düşünme sayfaya uygulanan arka plan rengi ancak tüm sayfaya uygulanan ve o gelir Ayrıca tüm içeriği arkasında uygulamalı Burada şimdi biz ayarlanmamış beri kızımız için herhangi bir arkaplan rengi varsayılan bu olacak verir o gün şeffaf olacaksın bu yüzden orada vücut için arka plan rengini görüyorsanız Orada yanı birileri buradan yakın bu önizleme gidiyor Hayvan sayfamda benim stil sayfası haline geri gelmek için o hayvanı en aza indirmek Ben konteyner bölümünü bulana kadar ben kendi kaydırma bir kulüpler ve benim sarıcı ben go ahead ve söylemek istiyorum orada var içeren hatırlıyorum rapçi için arka plan rengi Sayfadaki tüm öğeleri beyaz olacak Dört 3s ve şimdi go ahead ve bu önizleme yaparken Gördüğünüz bu içerik için arka plan rengi beyaz ama sayfanın arka plan rengi O turuncu olacak Hayvan devam edin ve yumuşak kapatmak için Onu burada tasarımı bittiğinde görebilirsiniz Şimdi istediğimiz sonraki şey go ahead ve bunu bizim Tasarım yapmak biçimi bu top ölüm ve orada değil kontör tam burada görebilirsiniz Bunun için çok fazla biz sadece bir kase zekâ vazgeçmek zorunda şu onun 12 piksel dar yüksek bu onu dolu olduğunu Turuncu burada renk iyi bir şey geri gelmek için onlara minimize Burada benim tasarım içine ve biz orada görebilirsiniz Bu kaynak kodu bakmak top onun boş şimdi sağ ve her sipariş stilleri vermek Açıkçası bazı yapmam ilk şey önde gitmek için herhangi bir stil var efendim toplamak vardır West yanlış set başına veya yüzde 100 100 için ve o olacak içerdiği oluyor bir türlü yüzde yüz olacak anlamına gelir Ekranda şimdi yüzde 100 içinde ancak bu durumda rap da kabın bir 100 oranında olan 900 piksel ve ben de devam edin ve yüksekliğini ayarlamak yapacağız ediyorum ki Bu 212 piksel yukarı ve bunu yapmak için bu değerle oynayabilir olsun senin arzularına bağlı olarak büyük veya küçük ve ardından ima go ahead ve ayrıca arka plan rengini ayarlamak Bu kadar ve yine burada rüya dokumacılar renk seçici kullanabilirsiniz ama aslında renk kodu önce seçtiğiniz bilmek ne ve o için b6 olduğunu 23 64 olması 23 öylesine ile yüzde yüz olduğunu pikseller için hiatus ve arka plan rengi Bu gölge portakal hakkı yoktur Pek çok go ahead ve sadece benim zincir kullanımını kaydetmek kaydetmek dosya Hannah görünümünü tasarlamak için buraya gel ve sen şimdi var görmek için gidiyoruz üstünde orada o turuncu sevgili Eğer portakal vermek görebilirsiniz eğer sadece devam edin ve sizi canlı muhtemelen konum go ahead in geçiş ve yaşamın dışına ekranı yenilemek gerekir ya da sadece devam tarayıcı ve Netgear de önizleme biz biçimlendirmek şimdi orada sizin için görünmelidir Bu tasarım bir sonraki şeyi not Burada bu görüntü ile bu kaymak alanı ve biz aslında jQuery sürgüsünü yapacağız Şimdi biz CSS ile sadece endişeleriniz sağ sonra videoyu biliyorum böylece biz sadece bir çeşit yer tutuyor orada bir görüntü yerleştirilir biz aslında var bunun altında iş gücü hemen ve onları Bizim başlık çubuğu yani şimdiye kadar biz burada oldukça iyi arıyoruz bizim üst vermek var biz değil orada ve sonra görüntü biz başlık çubuğu ama bunun altında ne şimdi durdurmak var Burada ve yapacağız devam ediyoruz sonraki şey Bu karar üst biçimi dışarı.