tarzı go ahead ve o burada benim tarzı açmak olduğunu ve bu hepimizin CSS stil üzerinde oluşturmak nereye olacak ben olacak olan görünümünü denetlemek için gidiyor web sayfası artık kendisine uygulanan herhangi bir CSS olmadan temel web sayfası bu gibi görüneceğim şeydir: Şimdi ilk bakışta tamam düşünebilirsiniz Orada hiçbir biçimlendirme evet ama onlar aslında konum Burada aralık buraya aralık Bu renkler seçim Yazı aslında konum bir styling kararı biraz üzerinde styling olduğunu o Yaptığımız ilk şey, Biz uh tüm% ka

ldırmak olduğunu o karışıklık bizi değil ki biçimlendirme varsayılan Bizim Schuller kaldır devam gibidir mac tarayıcı denen tüm varsayılan senin belgeden ve bunu yapmak çok kolay Eğer bir şey CSS sıfırlama denilen do CSS şimdi sıfırlama farklı sıfırlar farklı başarmak vardır Ben şeyler, biz kullanmak için gidiyoruz ne yapacaksınız Bizim reset için denir çok basit bir şeydir aa sert basit sıfırlama ve yazarak sert basit bir set yapmak Sekme tuşuna basarak eşek hüner Daha sonra açılış aralığındaki ve yazarak margin Colin 0 ve daha sonra bir noktalı virgül başlığı 10 noktalı virgül çağrı Sınır çağrısı 0 o zaman kapatın, yarı çağrı ve kıvırcık braket vardır Braketlerin HTML ve CSS farklı farklı şeyler ifade biz kullanmak HTML ile çalışıyoruz Parantez için siteler daha büyüktür az Ayrıca köşeli parantezleri kullanabilirsiniz Burada farklı şeyler için ya da biz sadece gördüğümüz bu çok önemli küme parantezleri kullanarak kullanılan Doğru tip raf Biz kullanarak gidiyoruz burada o kaşlı ayraçlar var Bu yüzden en dediğimiz kadar sert basit sıfırlama Benim html baktığımda şimdi burada görmek gitmiyorsun herhangi bir değişiklik ve daha önce çünkü var şey sizin CSS dosyasındaki yer HTML dosyası etkileyebilir size iki bağlantı gerekir Burada bu HTML dosyasını anlatmak için bir yol gerekir Bu CSS dosyasını kullanarak gerektiğini ve biçimlendirme için bunu Vücut bölümünde sizler de çalışıyoruz değil yapmak kafasında Bölüm Bu çok tabii ki çünkü kafa bölümünde bunu ve tarayıcı talimat Web sitenizin ziyaretçi olduğunu bilmek gerekmez Bu biçimlendirme bir stil sayfası denetimleri yaşlı bir şeye tarayıcınızın at bu yüzden baş bölümünde oynayacağız hazırsınız Şimdi AB'nin bağlantı almak % HTML sayfasına bir stil sayfası uh Bu karışıklık yukarıya çünkü giriyor Gölü denilen ve burada bir Bir etiket geleneksel olarak ne düşündüğünüzü için göller bağlantı etiketleri olarak Bir HTML sayfasına bir stil sayfası linkler Yazılan Gölü şimdi bağlantı etiketi içeren çok iyi 4 nitelikler Bu noktaya kadar biz sadece bir özniteliğini kullanın tıpkı ilk nitelik çapa etiketi vardır bir tuzak ve o önde gidiyor ve işaret yapacaksın önde ve kullanım gitmek konum dosyaya Bir tuzak stiliniz için o c tipi eşittir ve tırnak ve burada iç en kullanışlı özelliklerinden biri dokumacılar rüya Yazdığınız her son derece yararlı çok basit bir özellik dışarı nitelik ve ardından 2 yazın alıntı açılış hep bu göz atmak getireceksiniz var Sizin için seçenek yukarı ve bastığınızda girin onun olacak bu seçkin Dosya iletişim kutusunu getirmek Açık iletişim kutusunda çok benziyor ki Burada tüm farklı klasörler görürsünüz Bizim örnek web sitesinde CSS klasörüne gideceğim ve benim stilim var o tüm seçip Tamam tıklayın Eğer bu tarz yolunu yerleştirilen görürsünüz o Buraya biz sadece sayfalara atıfta biz sonuçta aynı klasörde olması için gidiyoruz Bu sayfayı işte sayfa adı dışında hiçbir şey yok Burada aslında CSS çizgi stilleri var temelde CSS klasörüne bakmak gitmek diyor ve bu tarz şeyler CSS bulacaksınız İkinci aslında Önünüzde koymak gitmek gerektiğini ilişki nitelik ve bunun için değer stil sayfası olmalıdır Biz CSS stilleri sayfasına bağlıyoruz biz bunu bir stil sayfası var o bir bağlantı ne tür bilmemiz gerekir AB'nin sıkı üçüncü nitelik ve sıkı tarzı Haim neyi anlatıyor o Bu çalışıyoruz bir metin esaslı olduğunu stil sayfası ve nihayet ne demek final niteliğine medya için tek kayşat olacak hangi nitelik Biz tarzı bu kadar kullanmak istiyorum diye Bu metin CSS stil için Eğer ekranda bir web sayfasını görüntülerken olduğunuz zaman hangi anlamı bu web sayfasını yazdırarak bu stilleri kullanmak gerekir ve bu iki büyük tür Style Sheets vardır bulmak için gidiyoruz Baskı stil sayfaları kontrol yolu baskı ile bir web sayfası dışarı eğer birileri baskı ve ekran Style Sheets ben olacak web sayfası yolu olacağını göstermek Ekranda görüntülenen zaman görünür Açıkçası onları maç she dayanak noktası ve sonra ben kapatın Şimdi orada benim dirsek Diğer tüm Style Sheets kadar öğeler ya da biz birlikte çalıştığım üzgünüm diğer tüm etiketleri değilim Biz göl olduğunu yakın gerektiğini belirtmek için yol açacak Sağ yapmam ne olur izle Bir dirsek kapanış eğik çizgi ve aslında bağlantı bölümünde kadar kafa bölümü kapatır ve böylece bir hata yüzden bir sorun burada olduğunu biliyorum tabii ki var Sorun eylemi gerçekten bir sorun olduğunu Bunun olmasına neden nedeni kadar olduğunu Lee Bu çok az HTML etiketleri biridir Bu kapama işlemini gerektirmez tak tüm kollar biz koymak gerekmez Orada bu yüzden mil var Ben Geç etiketi ben dört bir tuzak nitelikleri Sıkı ilişki için ray ve sonra nihayet medya evet bu uzun bir çizgi burada Eğer burada bu düğmeyi tıklatın aslında bu sadece bir tercih olduğunu kaydırılır Eğer AP sevdim nasıl ben değil, özellikle ambalaj sevmiyorum yani Ben döndü dönün ettik şimdi ben o bir garip bu stil sayfası var diyeceğim Bu HTML sayfası in ile yoludur bu görelim Şimdi bütün bu boşluk gitmiş görebilirsiniz şimdi görünüyor biz bu tarz yapmadan önce hatırlıyorum o biz bütün bu boşluk vardı Biz pace link koymak sonra tekrar oraya geri olduğunu horoz aralığı artık tüm Onların boyutlandırma hala orada olacak Eğer sonbahar renkleri hala orada Dreamweaver sizi canlı görürsünüz o tam bir temsilidir gerçekten Bu arada kadar web sayfası bir tarayıcı bakmak için gidiyor o gerçekten uçağın seni tasarlanmış olandan daha yakın bir yaklaşımdır göstermek ama tam bir temsil değil ederim sağ ile çalışma ama nerede bu yeterince yakın go ahead ve geri gelmek için bunları göndermek her zaman ilk şey ben CSS stilleri olacak bir stil sayfası yapmak kadar gidip stiller oluşturabilirsiniz edeceğim olduğunu Bize her biri% için ah canım Ben bu yüzden Gidip go ahead ve oluşturmak sayfamda oluşturulan Bir stil onlar adına ilk idi Eğer tic-tac-toe sembolü yazarak çok basit bunu karma işareti ve sonra ad size IDE Ste fikrini verdi ve bu aslında üç ana Kaise vardır Kimlik tarzı denir sınıf stilleri tekstil oluşturabilir stilleri Bu sınıf ağırlıklı bulacağız edildi ID stilleri kimlik stilleri ile ilgili olabilir ve yine tekstil ve ben cuz üzerinde sekmeyi can hatırlıyorum aralık benim CSS farketmez ve ardından desteği açılış yazın ve kapanış braketi Açılış desteğinin içindeki yeni bir şey yer kapanış dirsek olanlar ile ilişkili stilleri olacak bu özel stil kuralı Burada bizim sıfırlama için biz aslında vardı 3 farklı style.com onun ve bunlar aslında çağrıldı özellik değerleri ifadeleri özellik değeri ifadeleri özelliği Ne etkilenen ediliyor Bu durumda marj etkilenebilir olduğunu ped sınır Bu değer ya da bir kenara davranıyor değeri söz konusu özelliğine atanan Biz izin vermedi eğer en aldım özelliğini söylemek biz istedik bir arıza sonunu koyabilirsiniz ya da ne ya daha yukarı Biz font-size yaptım up: biz her zaman için gidiyoruz 14 piksel yapabilirsiniz Bir özellik ve daha sonra bir değer tarafı için Bu özellik ve bu özellik değerleri gün vardır onun şimdi sağ CSS tamamen size nasıl kılçıklı gibi bazı insanlar mülklerini bir satırda böyle boyunca ifadeleri değerleri bazı insanlar Böyle bir şey yapmak Bazı insanlar kombinasyon% uh bunu belki Tamamen nasıl size uzay bu dışarı farketmez ne önemi var Eğer collin mülkiyet düşmek almak olduğunu değeri düşecek ve sen ve o özellik değeri tablosunu yarı ile onların hep aynı izinden gidiyor çağrı biçim özellik adı collin özellik değeri noktalı virgül ve Bu özellik değeri durumu Şimdi adı bu durumda ben sadece edeceğim şimdi o boş bırakın Gerçekten geri gelip o biraz sonra ve daha sonra yapılacak olan Ben devam ediyorum şimdi top bunu biz var biraz içeride görüntü vardı sadece etti yaratmadı Yapacağımız bir afiş sevgili ah% olması Bu nerede L var yerleştirerek Biz adı parkı üst var buraya onlar parkı banner alanı var İçerik sağ tarafı footer önde içerik sağ taraf savaşçı yine her zaman sıralamak ben fark edeceksiniz yani bakmak her şeyi yapmak için sekmeleri ve boşluk kullanın yapmak zor bir şey yok sayfamda gerek sorun ya da hata içinde olduğu o endam senin kodunuzu kodunuzu çok sloppily yazıldığında her zaman güzel şeyi tutmaya çalışın kolay temiz uh yapılan% daha söyledi ama şimdi göreceksiniz biz önde gidiyoruz gereken bir sonraki şey yapmak her biri için zekâ tanımlamanız gerekir ise Bu farklı unsurlar kadar geniş Bir öz olacak Benim en iyi nasıl niye benim afiş olacak kadar geniş Benim yan benim içerik alanı olacak altbilgi burada alan ve aslında ölçmek için bir kaç farklı yolu olduğunu Bu kadar HD CSS olan Kullanabileceğiniz Yüzdelerin kullanabilirsiniz Diğer birçok orantılı tarzı ölçümleri ama Eğer biz çoğu isimli olan bir ölçüm kullanmak gerekir tedbir piksel piksel çağırabilir bu yüzden ileride arayacağım Ben söylemek için gidiyorum benim adım bölümü ile 300 piksel olacak tekrar duyuyorum olmalı o Burada elemanları tarafından olacak her biri bölüm bir afiş ve altbilgi zekâ ile Benim üst için var bu 550 olduğunu olacak piksel içerik I olacak go ahead 500 piksel olmak istiyorum sağ tarafı ile yapacak 300 piksel normalde Ben boş footer sol nedenini ve ayı oyun Buraya taraftan bir streç yan çünkü o aslında burada birlikte koymak gerekmez olduğunu altbilgisindeki afiş için sadece tamamlanmış olmasını istiyorsanız Her şey yendi yapmak Eğer yüzde 100 ile söyleyebiliriz aynı şey Burada genellikle yapmazsanız sadece doku çünkü yazarak ama sen bu yüzden önde gittin eğer biz kurdum yaklaşık aralığı her şey iyi Biz yapacağız şimdi burada ikinci şey Biz tarayıcı söyleyeceksin olan Ne sol akmasına ve sağından akar izlemek gerekir adı üst şekerleme sağa akmalıdır sola akmalıdır İçerik sağa bakmak gerekir sol kenar için akmalıdır Yine afiş bir streç nedeniyle altbilgi afiş vardır tüm yol boyunca her iki yöne yüzer olacak bu yüzden şimdi yapacağız devam ediyoruz ve bazı yüzen koymak ve bu sadece temelde demektir Sol tarafa süzülüyor Sağ tarafa sular bundan daha fazlası var ama şu anda bilmeniz gereken temel şey sadece budur o çok önemli olduğunu hareket edecek Sağ yazım oğlu lol en önde gidelim ve en bir göz atın ve görelim Bizim ana kesim HTML arıyor yolu ve oraya gidip o aslında tam olarak bir yol görünüyor biz büyük görünmelidir uzak bakmak istedim Kullanıcıların mısın koymak konum çok önemli bir unsur kol ve daha sonra açık takas edilecek gidiyor ne zaman süzülüyor ettik HTML gibi bir şey isim olan sol% uh top sol adında onlar hakkına sahip Eğer süzülüyor sonra ne gelir eleman net bir bildirimde bulunmamış demektir bu yüzden net bir açıklama koymak gerekir banner ve biz de net bir açıklama koymak gerekir altbilgi öylesine şey biliyor Birinin devam temizlemek için gidiyoruz şamandıra ve altında afiş net burada iyi Colin Bo duyuyorum altbilgi net arama için aynı şeyi yapmak ve sadece temelde izin vermeyin anlamına geldiğini Soldan sağa yüzen herhangi olanlar etkiler elemanları ve şimdi en burada ne var bakın go ahead ve bir göz atalım Şimdi elimizdeki bazı çok daha fazla görünüyor gibi biz burada sanat adını yürüdü neler o zaman biz var sonra üst gezinti için içerik kenar çubuğu içeriği sağ ve burada altbilgiler süt dibinde ve henüz için sol kenar çubuğunu Bizim sayfa değil Birlikte tamamen geliyor ama biz bitmiş değil henüz biz sahip bizim iyi yolda olduğunu her şey Aslında burada kaçırıyorum bir şey şimdi aralıklı Benim ana olacak düzeni için önemli olacak sayfadaki kullanmak için gidiyoruz görüntüyü ayı Daha ileri gitmeden önce devam edin ve bu görüntüleri koymak istiyorum yerlere o gün olması gerekiyor ve sadece burada bu afiş görüntüleri var aşağı aşağıda bu dolgu görüntüleri ile birlikte bu yüzden şimdi önde gidelim Ben aslında bir klasör burada var bu konuda bu özür diyoruz minimize Fotoğraf içinde bu fotoğrafları tek şey duymak Size biz kullanmak için gidiyoruz bu yer tutucu görüntüleri gidiyoruz ama ben değilim önde Drake gidin yapacaksın önde gitmek ediyorum Ben örnek web birine görüntü içine gırgır fotoğrafları onların kullanım tarafı için boşuna şimdi katma oraya geri olduğunu içine Dreamweaver içine bizim Burada fotoğrafları görmek gerekir görüntüleri klasörü Aslında afiş görüntü değilim Sadece bırakabilirsiniz kendi adresi haline konuyu yukarı sürükleyerek ne klasörüne artık burada görünümü kod gidiyoruz bu yüzden seçim ve yukarı Aslında burada görebilirsiniz en bizim örnek bir göz atalım bu büyük düşüş olduğunu üst sonrasında am hakkı Burada hücre devam Sağ üst sonra go ahead var oluşturmak ve diğer sevgili kimliğini verilen afiş gibi sonradan tanımlamak Ben yakın ve görüntü daha sonra iyi bir yer içeride evet resim etiketi sadece basitçe Ben G olduğumu hatırlamak kolay ve sadece tek bir özelliğini gerektirir ve bu yakalanan kaynağıdır ve aslında kısaltılır ve yine sadece önceki gibi sadece önceki gibi burada oruç olacak mı kez eşittir işareti takin ettik ve bir alıntı işareti onun olacak o göz atmak getirmek Sizin ve bazı go-ahead vurmak için seçenekler girmek ve şimdi ben de o ayıyı bulmak go ahead ve gidiyorum Görüntü şu an buraya sırtında benim CSS klasörlerde em görebilirsiniz Benim görüntüleri klasörüne Zambrano gidiyor ve benim afiş görüntü orada var Tamam görebilirsiniz tıklayın Orada görüntüleri klasörüne gidiş doğru yolu sokuyor banner klasörüne nihayet kavga ediyorum afiş nokta J ödeme böylece doğru yolu koymak Benim şimdi görüntü için söyleyerek devam edenlerin başka biri birkaç etiketleri başka biri olduğunu sen Kapatmak gerekmez içinde HTML yüzden orada ayraç sadece alacağım var ve o tamamlayacak ve şimdi biz devam ona bir göz atın gidecek o büyük ayı görüntü var Sağ da istiyorum oraya go ahead ve koyun bazı küçük görüntüler yukarı Burada burada bu iki görüntüleri Burada benim kenar çubuğu bir Bazı kadar içerik alanı ile Bu koymak artık devam ve de bazı benim içerik alanı buraya geliyor en önde gidelim ve orada ilk paragraftan sonra bu iki görüntü koymak Yine o göz seçeneği benim fotoğraf klasörüne gel image 1 var görüntü Bu dirsek kapatmak için Eğer bir kapanış resim etiketi gerekmez bile kapatmak gerekiyor braket devam Burada aslında görüntü aksiyonları için onları Kenar çubuğu çitlerin tek Orada görüntü Aslında görüntü üç oldu çıkışları Bunu görmek bir göz atın biz aslında ben görebiliyorum burada var Sağ bu bakarak arka kapalı yeterli olmadığı görüntülemek için benim içerik alanı ile yan bu görüntüler yan hem birbirinin üzerine istiflenir, böylece İlk şeyler devam yıllar yapmak ve değiştirmek Burada başka benim içeriğe sahip olduğunu beş yüz yapmak en şimdi diğer ne görelim güzel iç görüntüleri daima yan yana gidecek paragraflar gibi şeyler ise yeterli yer verilen üst birbirlerine yığını olacak şimdi biz oldukça iyi bir başlangıç ​​var evet şimdi onun çoğu zaman zor seni yaşamak bile nerede sayfalarını görmek için aslında Dreamweaver bakarak bakmak için gidiyor bu nedenle bu noktada her zaman burada burada Önizleme seçeneği gelmek istiyorum gidiyoruz ve web sayfası önizleme karıştırın Chrome veya Firefox gerçek tarayıcıda opera keşfetmek ve genellikle her şeyi önizleme Krom sonra size test emin olmak istiyorum gidiyoruz ile başlamak Burada web sayfaları farklı tarayıcılar çeşitli Çok az krom Firefox opera test düşünebiliriz da she keşfetmek başka bir tarayıcı var Safari denilen Macintosh bilgisayarlar için olan var Beni burada krom önizleme önde efendim gidelim Bu olacak, bu bizim yol görebilirsiniz görünür getirmek var sayfa bakmak için gidiyor Şimdi biz bakmak tamamlandıktan sayfa ilk şey olacak Burada haber bizim sayfanın içeriği şu anda tüm yol penceresinin bir yanından diğerine gider İçerik gerçek vardır sayfa aslında kısıt Belirli bir alana bu yüzden bir taraftan tüm yol gitmiyor başka ve aslında ben burada uzaklaştırdınız ettik ama aldatılmak yüzde 75 fazla görmek Bu kadar ama ne orada oluyor görebilirsiniz bu yüzden kısıtlayan yol Belirli bir alana içerik yol bizim örnek proje olarak yapıyoruz Dreamweaver içine geri dönüyor ve çevreleyen gereğidir sayfanızdaki her şeyi o Hindistan'da kimliği vermek rap İstiyorum kadar devam açılış body etiketi kaydırma sonra oraya doğru tüm yol vermek açık alt ve ben şimdi her şey o kadar yakın değilim Tüm diğer gün biter benim sayfa Bu rap içeriden içerdiği bu yüzden şimdi ben de devam ettiğimi yıl Amboy benim tarzı haline geliyor musun diye O rapçi yaptı ve onlar stil yaratmak ve ben de onlarla birlikte yapacağım Bütün bu alan 900 piksel genişliğinde ve şimdi en go ahead bir göz atın ve ne anlama şeyler önizleme bu görelim krom şimdi herşey sıkıştırılmış olduğunu görebilirsiniz o bölgede boğaz site içine daha biraz bakmaya başlıyor biz hala görünüyorsun ama istediğiniz şekilde hala merkezli değil ki Ayrıca bkz gerçek içerik üzerinde Gerçek sayfa arka plan ile burada beyaz bir arka plan rengi vardır Burada var bu açık gri bu yüzden biz aslında bu iki değişiklik yanındaki yapmak gerekir Benim CSS stiline burada bazı dönüş o ve yolu bir sayfada bir geyik merkezi Bu komut marjının kullanmaktır Colin 0 oto ve bu beni çağrı Bu noktaya kadar yani biz yarattık her özellik Her zaman olduğu gibi tek bir değer onunla ilişkili olduğu halinde halk özelliği tek durumunda bu sadece vardı burada bu marjı işareti tek değer için marjı ve dolgu marjı ve dolgu Eğer herhangi bir yerde bir ila olabilir 3 4 farklı değerler 12 43 yılında olan en yaygın ill C üç değer çok sık sadece bir tane var Bu durumda 0 sizin marj değeri temelde ayak 0 piksel anlamına gelir veya o nesnenin etrafında her ne tüm yol sıfır Bu durumda ben piksel için PX sol dışarı Tarayıcınız üstlenecek Eğer bırakırsanız ama burası sıfır marjı ve sıfır doldurma anlamına gelir üst alt sağ ve sol Eğer varsa o kadar ben olur yaklaşık onun İlk değer alanı miktarını temsil Üst ve alt ikinci değeri o sol ve sağdaki yer verir Yapmam gereken eğer sen mesela dört değer varsa marjı 10 20 piksel 15 piksel piksel 10 piksel o egolarını vereceğini üstünde 10 piksel saat yönünde Sağ alt 15 piksel 20 piksel Soldaki 10 piksel yani saat yönünde hatırlıyorum Sağ üst sol alt Sadece iki değer de üst ve alt için sol ve biz 0 piksel alıyoruz biliyorum bırakır doğru yani Üstte ve altta neler otomatik olduğu Otomatik temelde sadece dışarı dengelemek anlamına gelir ancak sağ tarafta olduğu gibi soldaki boşluk aynı miktarda şimdi biz bu demek ve bakmak bizim krom iç sayfa yukarı şimdi benim tarayıcınızı yenilemeniz görebilirsiniz devam sayfadaki merkezli alan eşit miktarda otomatik olarak hesaplanır Soldaki hem alan eşit miktarda ve sağ biz yolu arıyor yakın alıyoruz böylece bizim gerçek örnek proje evet hayır için arka plan rengini ayarlamak istediğiniz hem rapçi alanı yanı sıra sayfa alanı ya da vücut sayfa çok geri gitmek Dreamweaver ve Eğer bir şeyler yapmak için ne gerekiyorsa satır sonu efendim girinti kullanabilirsiniz hatırlıyorum daha okunabilir Ben butonu var ve kendimi üzerine ben go ahead kullanmak duyuyorum Bir kolon ve benim teyp: özellik background-color yine bu çok yararlı Dreamweaver menüsü ben slacked istiyorum görünür yani önce renk ve renk üzerine tıklayın onların onun olacak burada sizin için tüm bu renkleri getirmek çift tıklatın beyaz gibi düşmanlık koymak Kod ve beyaz anlamına gelir 3 F tarayıcısına beyaz anlamına gelir ve çok hızlı bir şekilde olacak bu renk kodları ne anlama geldiğini öğrenmek konum veya Lisa En yaygın olan bu renk kodları anlama ama her zaman Dreamweaver güvenebileceğiniz yukarı sizin için bunu yapmak için şimdi tüm sayfa hakkında bir şey değiştirmek için Eğer vücut teknoloji kullanmak için gidiyoruz Şimdi farklı ve kimlik Böyle şimdi rapçi adı üstünde olduğu gibi aslında o karma işareti kullanmanız gerekmez vücut tarafından bu kimlik etiketi denir bu sadece bir etiket tarzı Jess Kimlik tarzı içinde olmasıdır Eğer atıfta eğer kodunuzda bakarak farkı söyleyebilir onun kimliği ile bir şey Eğer saldırı atıfta eğer o zaman işareti karma gerekir o zaman karma gelin değilsin Ben eğer sadece için de geçerli olacak yaptım edersiniz Ben vücuda uygulamak istediğiniz bu durumda benim sayfadaki her tek ayrıntı ve ben arka sayfasını renklendirmek değiştirmek istiyorum Bu açık gri kadar tekrar orada renk seçeneği gibi özledim Çok açık gri saça tüm C 's seçmek Çok açık gri demektir Şimdi en Chrome'da sayfamıza bakalım ve yine ben seni görmek için gidiyoruz bu her taze olsun görünen yolu Ne zavallı aslında rapçi için yapmanız gereken Burada yer var görebildiğimiz bizim tamamlanan öğe bakmak Aslında üst sağ alt sol bu yüzden bu etrafında vardı biraz koymak gerekir marjı ve dolgu arasındaki hemen fark üzülmeyin biz içinde yaka istiyorum çünkü bu durumda biliyorum dışarı uzatmak ya da herhangi bir okşama olduğu eğer biz istedi gri biz marjı kullanmak istiyorsunuz o bölgede doldurmak için Ben marjı ve dolgu hakkında biraz sonra daha konuşacağız ama şu anda pek go ahead rapçi üzerinde ben devam ve tip başlığı 30 piksel kaydedin şimdi Şimdi bu iç bir göz atalım görebiliriz tarayıcı şimdi daha da benzeyen yürüdü Yapmak istediğim şimdi bir sonraki şey, Bu üst navigasyon için boşluk üzerinde çalışmak olduğunu Burada alan kadar yapacağız haber konum ilk şey olmasıdır Bitmiş ürün, yan yana yer alan üst üste yığılmış karşıt olarak Bu blok biçiminde görüntülenen denir şeyler birbirinin üstüne yığılmış zaman varlık olduğu için biz Görüntülenen Blok zaman işler yan yana Bunun için için satırında görüntülenir ediliyor bu yüzden yapmamız gereken ne ihtiyaç vardır görüntülemek için tarayıcı anlatmak hat biçiminde bu liste öğeleri Biri artık değilim Başa buraya gel entire bahsediyoruz Ben neden bahsettiğimi evet onları top. Ekran inline Bu liste öğeleri burada birey üst içindeki öğeler yani ne yapacağım listeye bir ayna öğe burada burada liste öğeleri için ona sahip farklı Buraya liste öğeleri Buraya gelmek için ise gerçekten hızlı bir şekilde sadece bir an içinde olduğunu göreceksiniz ve diğer bazı nedenlerden dolayı sadece lol tip I braket ekran Çizgide Ben yürüdüm Ne gibi bir şey elde edeceksiniz 4 benim top tekrar tekrar gitmek bu yüzden burada krom ve o şimdi görebiliyorum Şuna en bir göz atalım hukuk sergilenmektedir onlar izin yok doğru ama onlar yan yana ama aynı zamanda isim beni olacak haber sensin onun buraya da görüntülenir ediliyor doğrultusunda yan yan böylece Benim liste öğeleri için geldiğinde ben alışkanlık yolu arasında bir fark var Benim içerik alanında liste öğeleri görüntülenir ve yolu ben liste öğeleri içinde geçerlidir istiyorum Ben önde gitmek gerekir böylece üst bölge görüntülenecek ve bir değişiklik yapmak ne yani biz bu işle biz aslında iki olduğumuzu olduğunu tam yeri liste öğeleri biz istiyoruz bu savaşta çalışıyor gidiyoruz bu yüzden ana kadar buraya gel etkileyen HTML Ben aslında ben liste sürelerini görebilirsiniz onlar sevgili var üstünde içerde Daha sonra sırasız listesinde ve ben finalisti yani ne yapacağım değişecek bu ben ise Şimdi üst ve burun yanındaki karma işareti koymuştu Bu kadar çünkü ve kimliği ve sonra l / li Şimdi biz devam edip gitmek olduğunu kaydetmek Gördüğünüz sayfanızı yenileyin burada krom Bu arnelle görüntülenen Yan hastalığı yana dizilir üst üste ve de ilgili çarlarının bu yüzden sadece bir gün etkileyen tüm kulüpler ve biz nasıl şekilleneceğini görmek için konum Biraz sonra biz cehennem görebilirsiniz burada nokta Bice, bizim CSS belirttiğiniz Biz değiştirmeye çalışıyoruz ne tam paketi aynı türü için farklı efektler elde edebilirsiniz Ben olur ve ben de ileride bu kesim go ediyorum sadece üst altında burada bu lanet yapıştırın evet düzenli güzel her şeyi tutmak Seviyorum Ben Spacey'nin dışarı önde gidiyorum aynı Henüz ne olursa olsun aralık Eğer sürece okunabilir gibi kod kullanmak Eğer uzak dikiş nel yapıyoruz dedi üst görüntülemek şimdi öğeleri listesi gibi moda da bunları istemiyoruz Yan arada tam yan olmak onlar burada Onları aslında dışarı aralıklı olmak istiyorum Biraz bu yüzden sol taraftaki biraz boşluk koymak istiyorum % ah, her biri bu elemanlar Biri gitmek tekrar devam edin ve benim Bu durumda bunun için tanım Ben sadece soldaki bu marjı isteyen bazı marjı ayarlamak istiyorum Pek çok size marj çizgi sol kolon 15px ve kaydedin ve şimdi biz bu bir göz atın biz görmelisiniz biz biraz daha fazla yer görmelisiniz onların yenileme Ben de sağa o buraya bir çizgi istiyorum Pek çok de bunu Eğer ben sadece bunu böyle Bu listeler öğeler için konteyner değiştirme hangi size l Burada metin hizalama kullanın Bu tasarruf go ahead şimdi bizim tarayıcınıza geri dönün ve onu yenilemek Eğer bu öğeler üzerinde dizilmiş görürsünüz Burada yan bu yüzden daha fazla biz nasıl projemizde benzemeye başlıyoruz Şimdi biraz boşluk burada da var bak meyilli ve gün arasında bu yüzden önde gidelim ve bir sonraki yapmak Burada benim afiş var Ben go ahead ve yapacağım Eğer değerlere koyarsanız dedim nasıl marjı onlar hatırlıyorum marjı ilk değer alt ve üst olduğunu marjı ikinci değer sol ve sağ olduğunu Güneş burada oraya 30.000 $ gelir koymak Bir göz atın ve görünüyor cehennem görelim Eğer altta koydum görebilirsiniz değil üstünde ve bu ilginç CSS ile öğe üzerinde Ben de devam edin ve aynı margin-bottom koyacağım şeyler: İsmim benim şirket adına Burada ödemek ve o aşağı itmek gerekir yanı sıra pek çok Dreamweaver uygulamasına geri dönmek go ahead ve isim d oeuvres üzerinde olacak duyuyorum marj çizgi alt 30px Onların buraya gel kaydetmek Şimdi önce alanı görebilirsiniz şimdi soru genellikle bu noktada geliyor arasındaki fark nedir marj çizgi filum 30px ve marjı 00 30px 0 ya da px koyabilirsiniz Eğer PX 0 yaparak zaman İsteğe bağlı ama bunu görebilirsiniz bu arasındaki fark nedir Cevap bu aslında ilan olduğunu Sağ üst ve sol kenar boşlukları Bu ise 0 olarak Tüm sağ üst hakkında bir şey söylemiyor ya da kenar boşluklarını sol öyle hepsi demek olduğunu alt kenar boşluğu hakkında bir şeyler ve bir lotta durumlarda bu gibi Gerçekten kullandığınız hangi tarz önemli değil Bu durumda önemli hale gelecektir durumlar vardır o ithal değil vardır bu yüzden devam edin ve biz şimdi de konum bu hafta bakın bir göz atalım Benim üst gezinti öğelerini aşağı itmek isteyebilirsiniz biraz biz koyarak bunu yapabilirsiniz edeceğiz dışarı silah marjı üst Hardtop Buraya kendi durağı Dreamweaver içine marjı dashtop 15 piksel bunun bir göz atın demek Tarayıcı yenileme vardır Ajans eylem orada duygusu ile burada genel 900 piksel ve bu 300 piksel 500 ve 10 piksel Ben doğal olarak burada sağ bu boşluk alıyorum ve şu anda aralığı hakkında olacak endişe değil Bizim metin öğeleri arasında istediğim son şey go ahead ve bunu Aslında önde gitmek istiyorum benim altbilgi üzerinde boşluk koyar bu yüzden karşı sağa değil başlık doğru bölgeyi bağlı değildir altbilgi duymak gel tipi kenar top 30 piksel demek Şimdi bizim tarayıcıya girecek Eğer kızdırdı wised görebilirsiniz Baş marjı çalıştı işte biz kural burada gitmek marjı daha sonra yapacağız tweaked gitmek konum eşleştirme deneyin işe yaramazsa Yatakta ama şimdi bizim için çalışmalarını okşamaya için burada geri gelmesine izin ve şimdi bir kız görebilirsiniz İçerik alanında arasındaki boşluk oğlu için lol biz her şeyi daha az ya da var biz önde gideceğiz ve bunu buradan sonraki şey aralıklı Bir kullanıcı CSS aslında kurmak nerede biz yazı tipini değiştirmek için gidiyoruz biraz daha kol biçimlendirme İçerik sağ kenar çubuğu aralığı geçerlidir Alan yüzden olacak üzerinde liste öğeleri bomba olağan görünümlü ve daha sonra yapacağız devam edin ve bir göz atın konum Billy sayfalar vardır I love durumda şimdi şablonları Bizim sayfa İstiyorum genel değiştirmek Ben olduğumu olacak go ahead fay izi Biri go ahead ve buraya Dreamweaver gitmek kullanın ve bu vücut teknoloji üzerinde yapabileceği bir şeydir Biri bedenimi kontrol girer ve devam edin ve yazı tipi kullanın Aslında Kullanmak istediğiniz aile mülkiyet ve hata Bir gerçek ve şimdi devam edin ve bu bir göz alacak Tarayıcı ve için savaştı görebilirsiniz sayfamda her şey şimdi o dönüşmüştür Ayrıca görebilirsiniz anten için fareler giriş burada biraz çok büyük Bununla biz aslında verdi adı bu yüzden yazı biraz daha küçük yapabilir ya ya kendime biraz daha fazla yer vermek ama değişti 300 30 ve söylemek Eğer boşluk var görürsünüz Bunun için biz de verebiliriz başlıklar alan belli bir miktar vardır Şimdi bunun için size bunları yapmak isteyip istemediğinizi seçebilirsiniz Yine bizim üst donanmasını etkileyecek olan tüm Burada bizim kadar ismimiz elemanı veya istemediğinizi farklı olmak için bir şey belirtmek için arasında farklı alanlarda burada biz olacak belirlenen farklı yazı tipi boyutu olduğunu yapacağız hangi kenar çubuğu gibi içerik alanı için Alan o kadar çok buraya gel CSS burada benim İçerik sevgili Ben sadece vuruyorum tarzı Kendimi biraz daha satır vermek için buraya girin şeyler erken kurşun yeni içerik vurgulayarak HY tarafı sadece etkilenmesini istediğiniz h1 onun uyku font-size: 32 piksel bkz olacak Ben devam marjı demek istiyorum Bunun için olacak 0 0 15 piksel ama ben margin-bottom koyabilirsiniz: margin çizgi altını Bu durumda 15 piksel tam olarak yapar Aynı adlı go ahead ve bu bir göz atalım Eğer biz görebilirsiniz görünümlü güzel cehennem bakın Orada Dale alanı ve şimdi en go ahead ve aynı zamanda ikinci seviyeye yapalım olan paragraflar ikinci düzey şeyler ve paragraflar bazıları şimdi go ahead İçerik h2 font-size: 24 piksel demek olacak Bu durumda marj ben üstüne biraz marjı istiyorum ve alt onbeş piksel do 0 ve bu alt ve üst gelir hatırlıyorum sol sağ Başka devam edin ve artık aralıklı ile görebilirsiniz bakmak Biz her şeyi sıralamak bro duymak o olacak haber de olduğunu Bu noktada ne halt oluyor bununla ben myspace E aldın görebilirsiniz Açıkçası bir sorun bir yerde var kollar burada Dreamweaver arıyorum geri gelmek ve Bu kodu bakmak burada sorunu bulmak zor olabilir tek yolu o Dreamweaver gerçekten sorunları bulmak yardımcı olur yaka tarafından Eğer bazı şeyler mavi bazı şeyleri olan acı olduğunu görmek için gidiyoruz Ben burada önemli olan hatırlamıyorum stil adları Burada sağ tarafına görebilirsiniz ödeme içinde olan mavi öyle acı değil Ben kesinlikle burada sorun olduğunu bir sorun olduğunu görebiliyorum ben Benim desteğini kapatın vermedi Benim dirsek yakın ama bu kapatma küme ayraçları Şimdi bu şimdi görebiliyorum ödeme o gerektiği daha yol arıyor Şimdi biz devam bu tazeleme bakmak her şeyin sıralanır görebilirsiniz geri yolu bu marjı dışında oldu Burada değiştirilen bazen hatalar Biz onun bulmak gerçekten zor bizim CSS sahip eksiklikler Hemen her küçük bir noktalama işareti Doğru her dirsek bana her yarı kolonileri doğru olması gerekir Doğru ben koyun edeceğiz sondalar bulmak gerçekten zor olduğu gibi aşk zamanlar ama yukarı onlar orada ve zaman geçtikçe html / css ile daha fazla çalışmak olarak Orada daha kolay olacak bulacağız vardır Bir şey benim için yaramaz olduğunu 25 ilk şey Ben her zaman bakmak ilk şey benim noktalama olduğu ister benim html var ya da benim parantez benim CSS bakmak Noktalı virgülle Collins genellikle o nerede onun içeriği yapacak sorunu Burada biçimlendirici paragraflar font-size: b14 Ben line-height değiştirmek istiyorsanız piksel: line-height için bir özellik var: yine tüm bu öğeler listelenir dışarı kadar o elinde satır yüksekliği yüzde 150 ve daha sonra marjı 10 piksel 0 şimdi ben bu bir göz atın, benim küme ayracı hatırlıyorum Tarayıcı penceresinde font-size görebilirsiniz: değişiklik Orada hem biraz daha aralık Ben de istiyorum boyunca bu liste öğeleri çarpmak ve ben üst ve alt kısmında bazı dolgu koymak istiyorum % uh liste öğeleri yüzden şimdi ben de devam ediyorum ilk en üst ve alt aralık bakım atalım Bu konteyner olduğu gibi siz l İçeriğe Ben içerik müttefiki yaptım ürün eğer liste o üst ve alt yukarı aralık vereceğini her bireyin ben üstte istiyorum bu durumda yalan alt konteyner marjı 10 piksel 0 ve sonra tek tek liste öğeleri Ben kurşun bunu böylece üzerinde yumru istiyorum margin-sol şimdi hey: 30 piksel ve ben bunlar için geliyorum nerede olduğunu merak olabilir kadarıyla aynı gün sayılar Ben sadece şu anda kafamın onları çekiyorum kol CSS ile fazla çalışmak gibi bir hasta anlamda almak için gidiyoruz Tüm hepsi piksel NEDİR Ford daha kolay olacak olan şimdi çalışmak sana attı görebilirsiniz üzerindekiler ve orada da aralık var Orada da şimdi Ben sağ tarafta temelde aynı şey istiyorum Buraya bunun için en hızlı yoludur, böylece Aslında ben bir kez aslında herhangi bir yaş yoktur, sadece vurgulamak olacak öylece burada bu vurgulamak Onları kopyalayıp yapıştırın Orada sağ tarafta altında ve ardından sözcük sağ tarafı vurgulamak için kopyalayın ve üzerine yapıştırın Orada Ben şimdi çok var aralığı Sağ taraf için aynı stilleri en görünen bu CL bir göz atalım emin yeterli, biz biz var Ne istediğimiz onların böylece uzay ne kadar kolay olduğunu görebilirsiniz dışarı farklı unsurları olduğunu burada yapmak öncesinde gitmek istediğim son şey gözlerimi biçimlendirmek istediğiniz bir Burada üst gezinti elemanları kadar Şimdi onlar sadece küçük mavi haklısın görebilirsiniz linkler Altlarında vurguladığımız Eğer üzerinde gezdirin siyah fiili bağlantılar tarafından onlar çatlak haline üzerlerine gezdirin bu yüzden go ahead ve bu değişiklikleri yapalım Şimdi tekrar bu şimdi burada üst ile bir ilgisi yoktur ile ilgisi vardır bağlantılar bu yüzden ben de öncesinde yeni top gitmek değilim olduğu bir IA onun en üst yeğeni yazdığınız olabilirdi etkiler lol Aynı şeyi kazanılmış Bu durumda tarafından bir de top Devam edin ve yapmak veya yazı tipi boyutunu değiştirmek istiyorum ilk şey 18 piksel ve ben onları yapmak istiyorum cıvata çok önceden yapmak gitmek font-size: 18 piksel uzakta wat top benim kaşlı ayraçlar yakın Bunu görmek bir göz atın go ahead Orada biz yatan almak istiyorum şimdi gitmek ve bu komutla yapılır text-decoration: mülkiyet metin çizgi dekorasyon ve orada istediğiniz değeri text-decoration geçerli: ve orada biz ettik görebilirsiniz Şimdi bildiğim kadarıyla renk altında Bir çubuk bağlantıları coz biz aslında iki farklı renklere sahip Biz düzenli olarak kazandı belirtin Renk ve diğer biz hover renk üzerinde ve aslında beş farklı bağlantı Devletler konum ziyaret edilen bağlantı durumu, normal Inc devlete var hover devlet aktif durumda bir odaklanmış olacak olan sadece iki bu sınıf için yukarı dert Normal Inc kalmak ve olacak gezinen devlet zirvesi buraya geliyor baş biti de belirtilen Ben şimdi sadece üstünde çalışıyorum biliyorum Üst kendini savaşmak ve ben belirterek biliyorum Ben bir etiketleriyle çalışıyorum vardır: kaset üzerinde bir çağrı ve kelime Göl o ve normal devlet uyanık belirtilmiş nasıl aday parantezi mülkiyet rengini yapıyor ve sonra yine ben orada o renk seçeneği tıklayın olabilir ve ben o olmak istiyorum yaka seçebilirsiniz Tüm sıfırlar siyah anlamına gelir ve sonra üst olması aynı şey im Bir hover Renk ve aslında bir bilgin kullanmanız gerekmez Eğer biliyorsanız buraya seçeneği üzerine tıklayın Kullanmak istediğiniz sayılar i tüm fours kazandı biliyorum ışık gri tür karanlık olması Ben sadece orada ve şimdi o yazabilirsiniz Burada kendisi olmak bu sayfayı yenileyin Üzerlerine hover dışında, siyah patladı Onlar biraz daha hafif gri rengi değişti belki de ben bu hale böylece çok büyük bir değişim değil Tüm Eylül onun yenileme Eğer orada etkisini görebilirsiniz oğlu lol biz temelde var tüm aralık ve bizim düzen yapılır Bizim sayfa için kesinlikle böyle bir tamamlanmış web yaş gibi görünmüyor vardır bu ama bu, bu noktada olmak istiyorum nerede her şeyi alma hakkında endişeli iseniz aralıklı ve doğru ortaya koydu Eğer endişeleniyorsun aynı anda Renkler bunu kullandığınız tam görüntüleri Monsey sen de üzerinde almak için gidiyoruz kullanıyorsanız yani yine benim iş akışı temelde benim içeriğine HTML kurulur Sonra her şeyi alır benim temel CSS yazma daha az ya da ben bakmak istiyorum yolu arıyor Bu nokta kullanır sadece İsrail görüntüleri yer tutucu görüntüleri ben yukarı% uh oluşturmak ve sadece basit bir mesele şu Photoshop geri notu ile bir görüntü oluşturmak için havai fişek açılış Bu durumda biraz ben normalde sadece gri arka plan kullanmak vergilendirilen Ben onların sadece tutucuları metin gerek yok gibi Aynı şey burada kullanmak metin için geçerli Bütün bu yüzden sadece tutucular aşağıdadır Sadece nasıl benim düzeni bakmaya gidiyor tamam odaklanmış Temel nasıl her şeyi aralıklı gidiyor Bundan sonra dışarı yaptık sonra Eğer tek tek sayfaları oluşturma konusunda endişelenmenize edebilirsiniz her şeyi emin ardından sağ ve sızıntı sayfanıza gerçek içerik eklemeye Resimlerinizi ekleyerek fontlar bağırma Tüm bu mallar tüm bu şeyler ve aslında en kolay kısmı Bir web sayfası oluşturma bundan gidiyor Bu biz aslında olacağız bu noktaya olsun o gerçekten sürpriz yardım kolay Bu bu gidin ve ne kadar hızlı yapmanın daha yetenekli oldukları temelde yapmanız gereken tüm görüntüleri ekleyerek olduğunu Birkaç yaka değiştirmek metninizi vardır yazın fontlar ayarlamak ve bitirdiniz yani bu aslında en zor kısmı olduğunu vardır Tüm proje bu oluyor Tüm ortaya koydu ve tekrar geri dönüp kaydı izleyebilirsiniz istediğiniz kadar bu tren serisi kadar birçok kez ah% Bu farklı unsurları elde etmek için bu farklı unsurları anlamak ve tekrar Ben bu html / css burada dağıtmak zorunda gibi gerçekten sen okumaya biraz zaman alabilir umut Gerçekten sizin için yararlı olacaktır çünkü yapacağız şimdi devam edin ve kısa bir mola konum Tekrar 10 dakika ben we come back biz önde gitmek ve vardır olacaksın Bu örnek sayfasından oluşturulan şablon Bu şablondan yaratıcısı gerçek sayfalar ve daha sonra devam edin ve şablonu dönüşümü bizim asıl site içine ekleyerek olan uygun bir metin ve biz aslında bu yüzden biz burada up görüntüler iyi seksen seksen beş oranında bitti muhtemelen Biz geri gelip ve kesinlikle tüm zor işleri güncelleştirmesi bu noktada yaratıcısı şablonları sayfalarımızı kurmak ve içeriğine de ben seni görecek On dakika kadar.