14 EYLÜL 2011, ÇARŞAMBA

12 - İfade Web 4 Öğretici Giriº

Merhaba ve bizim son video tekrar hoşgeldiniz biz başladı bizim CSS giriş ve hangi CSS tartışıyor ve aslında stilleri oluşturmak nasıl biçim HTML bu videoda o konuyu devam edeceğiz ve biz gereken ilk şey gerçekten hakkında konuşmak size tarzınızı yerleştirmek konum dedi Şimdi bu noktaya kadar biz yarattık Ben vururum ayrı tarafında tüm stilleri ama meydan olabilir aslında üç farklı yerlerde vardır CSS stil Eğer dışarıdan meydan edebilirsiniz biz ayrı bir CSS stil yapıyorum gibi onları tanımlayabilirsiniz dahili gerçek HTML sayfasında kendisi Baş bölümünün içindeki bir bölüm oluşturarak

Örneğin ben burada devam etmek ise ve baş bölümünde açık stil etiketi up kumların de yakın çocuk ben çocuk açmak Daha sonra sadece CSS şeyler ince Bir veya baş kısmında sağ burada daha fazla CSS stilleri yani mesela ben

meydan olabilir Bir kez benim yaş kol için bir stil Ben h1 kıvırcık braket yapabileceği ve ben yukarı söyleyebiliriz Yukarı Osurdun boyutu olacak sadece 12 piksel olacak Biz hiç bir H 112 piksel ya

“Bu Microsoft Expression Web öğretici video CSS bir giriş sağlamak için, Microsoft Expression Web kullanacaktır. Biz, kalıtım ve öncelik, web tasarım CSS kullanara...”
Joshua Kywn

pmak istiyorum ama gördüğünüz ne var tam olarak aynı şekilde biz yapıyoruz Form stili eklendi içeride burada stil sayfasında tek fark Konumu ve sonra aslında biraz etkiler Ben de istedim ben diğer stiller ama eğer ben devam edebilir Ben h2 yaka olacak yapabileceği Yapmam gereken bizim kırmızı bunu yapmak istiyorum Rad var FF 00 00 ve en önde gidip burada bir göz atalım ve sen benim yaş olanları görebilirsiniz 12 piksel şimdi ve sen de benim yaşımda

12 - İfade Web 4 Öğretici Giriº Resim 1 12 - İfade Web 4 Öğretici Giriº Resim 2 12 - İfade Web 4 Öğretici Giriº Resim 3 12 - İfade Web 4 Öğretici Giriº Resim 4

kullanmaya görebilirsiniz Burada burada kırmızı var ana sayfasında 2 altındadır tanımlayabilirsiniz böylece birkaç farklı yerlerde CSS stil devam edeceğim dedi biz geri geleceğiz o ayakkabı stilleri silmek ve bir yol bulmak daha Eğer Tayland'ı formatları ki son pozisyon vardır Onun aslında çizgi şimdi biz aslında burada bazı sınıf stilleri başvurduğunu önce h2 L IA ve burada inmesi biraz daha biz aynı şey yaptım Ben önde olduğunu silmek go edeceğim bu konuşma eyleminde buraya Bizim sınıf nitelikleri tar sınıf

stil katıyor Bir satır içi stil yaratmak aynı değildir Bu stili kullanan satır içi stil oluşturmak tarzı değil sınıf özniteliğini nitelik elemanı Yahudi tarzı doğrultusunda aslında özniteliği ve sadece stil kulaktan dolma yapmak alıntı eşittir ve daha sonra buraya istediğiniz özniteliği koymak Örneğin ben bu kırmızı ileri gittim ve kod vereceğini yapmak istersen hazır ve onlar ve sen burada görebilirsiniz Bunun üzerine formatında de biçim def Biz görmeye alıştığınız biçimde değil aslında özniteliği Hiçbir seçici olduğu başlıca nedeni ile CSS stil Bu satır içi stili tüm onların Bir stil beyanı ve çünkü var Sadece bu tarz etkiler yer şey bulmak için bu unsurdur Bir şampiyon başka bir şey etkilemez yeniden olamaz denizde sadece hiç bir şey etkileyecek gidiyor koyun Ben burada burada görebilirsiniz görünüm tasarlamak için gidiyorum Bu oluşturabilir bakın kırmızı şimdi inline stilleri iç stiller oluşturabilirsiniz ve dış stiller oluşturabilirsiniz Şimdi orada çok özel durumlar belki avantajlı hittin nerede satır içi stil oluşturmak için Bu durumlar çok nadirdir ve temelde sadece bir ya da iki var vesilelerle var Tüm tesiste yapmak bu yüzden genellikle sizin yanınızdaki konuşma Her zaman uzak kalmak için gidiyoruz inline stilleri oluşturma tamamen inline stilleri uzak kalmak Orada tekrar iç stilleri gerçekten onlar için hiçbir faydası yoktur böylece daha sen de uzak iç stilleri kalmak için gidiyoruz biz de kullanıyor olmalıdır ve bu işe gidiyoruz tüm stilleri tasarımlarınızı Kaptan harici stil sayfaları olacak ve bu CSS için size cehennem kullanımını etkileyen gidiyor hem de ne kadar esnek olduğu Sizin ve o da devralma denen etkisi şey olduğunu ve emsal Sana bir örnek vereyim o Ben gidip bir CSS stil gelen tüm bu stilleri silmek ediyorum ve şimdi sen benim HTML dosyası normale döndü olduğunu görebilirsiniz Diyelim ki h1 tarzını tanımlanan diyelim Harici stil sayfasındaki ve ben sadece söylemek benim yaş olanların rengi okunur ve bu durumda okunmalıdır bunun için renk kodu Onlar bu şekilde seslendi yaparken ve size yaka olduğunu hatırlıyorum olsun üç çift temelde basamak r değeri kadar g değeri ve b değeri kırmızı yeşil ve mavi değeri 0 araçlar tamamen arasında döndü F tamamen ortaya çıktı anlamına tamamen Charnock vardır dolayısıyla bu tanım ne olduğunu okuyabilirsiniz Bu tuvalet tüm yol yeşil giren kırmızı tüm yol kadar dönüyor ve bazı renkler tespit etmek çok kolaydır diğer renkler tanımlamak çok zordur ve yine bu renklerin bazılarını görmek için gidiyoruz ve Bu% uh video ders sonunda bazı temel renkler ezberlemek gerekir ama her zaman orada var pic özniteliği içeriden kadar kullanabilirsiniz Expression Web arabanızı seçin bu yüzden önde gitti ve benim yaş olanlar rengini tanımlamak ve neden alma etkilemez ne var burada kod görünümü seyir devam edelim Bizim stil sayfası up bağlantı veriyor Biz gitmek burada orada bir boşluk var ve şimdi biz gidip orada bu bakmak başlıklar artık ve Brad ama ne olur vardır Ben h1 değil varsa bir çatışma varsa Renk tanımı burada bizim stil tanımı dıştan ve daha sonra da Ben her biri için dahili bir stil tanımını oluşturmak burada ne öncesinde UH biri olduğunu söylemek ve Benim yaşımdaki biri için stil yeşil olmalı olacağını 00 FF 00 bu yüzden şimdi bir tarzı var dahili ve harici stil gibi ve çatışma kimse okumak gerektiğini söylüyor Diğer tasarım görünümünde buna gidiyorsun bir göz atın ne yeşil olması gerektiğini söylüyor ve gördüğünüz bu yeşil gösteren konum ve bu ile ilgisi yoktur stil emsal uh hasta% denen stili önceliği yakın Bir stil tanımı için eleman onun daha öncelikli olduğunu biçimlendirme o kadar ve yaşam tarzı olur bu öncelik alacak elemanı ile orada beri veya bir iç stil geçersiz belgenin kendisinde bunun beri bir iç tarzı öncelik veya geçersiz kılma alacak ve dış stil ve görmek için en önde gidelim ve ben kodu buraya geliyorum ve burada benim h1 var ve ben güzel bir go ahead ve yapacağım Bir satır içi stil ve bu kez olacak renk değeri olacak mavi olacak bazı ileri gittim ve Bu oluşturmak ve sonra buraya gittiğinizde sen benim başlık görürsünüz şimdi mavi nedenle bu satır içi stili önceliklidir alıyor iç stil ve dış stil o biçimlendirme elemanın yakın olduğu için Şimdi sadece bir stil çünkü Başka bir stil geçersiz olduğunu Belirli bir özellik için anlamına gelmiyor bu stok diğer şeyler o diğer özellikleri kilisede diğer Diğer stili, örneğin göz ardı edileceği şu anda üç farklı h1 var şu yaş için stilleri mücadele etmek istiyor meydan ama en burada ve ben dışarı çıktı diyelim Harici stil sayfasına bir özellik eklendi ve en o 45 taraf olacaktı diyelim ve ben punto oniki piksel yapmak istiyorum Ben tasarruf edeceğiz gerçekten küçük bir şey Gördüğünüz görünümü tasarlamak için buraya gel Benim ana başlıklar artık yükseklikte 12 piksel olduğunu Renk hala uygulanır ediliyor satır içi stil veya dahili tarzı ama beri iç stil sağ burada ve satır içi stil düşünceler I hakkında bir şey söyleme öğe olduğunu miras edilir Ben yazı tipi boyutunu tanımlamak için oldu ya bu şeyler değil, eğer bu L neyin var buraya bir ve izin denemesi burada font boyutu O om olacak 18 piksel Şimdi ben edeceğiz ekstra maliyet geçersiz kılmak için gidiyor Eğer Pratt öncelik yolu görebilirsiniz bakın yer alır Şimdi ilk iki en belirgin nedeni Neden tüm bu karıştırmak istiyor gitmiyorsun Bu çok hızlı bir şekilde olacak olmasıdır Çok yönetilemez sizin için herhangi bir fikrin var Bir eleman bir satır içi stili tarafından tarz olup olmadığını veya dahili veya harici stil tarzı ile Eğer kural gerçekte ne olduğu hakkında bir fikrim yok olacak etkileyen bu çok tutarlılık uğruna, böylece kalacaksın kullanmak istiyorsanız Sadece dış stilleri diğer faydaları eğlenceli harici stil Ben iç stilleri kullanıyorsanız bu vardır O iç stilleri tanımlamak zorunda o her HTML sayfası Ben izin olsaydı o yüzden ben sayfa hakkında sahip olması demek ve bir iletişim sayfası ve ben bu şekilde benim yaş olanlar formu istiyorum iyi ben gidip o tarz tanımını yeniden olurdu her tek sayfa ve şimdiye kadar bu özniteliği değiştirmek istedim ama en yaka değiştirmek istedim Ben her sayfaya gitmek için var ve ben o tamam değiştirmek zorunda bulmak zorunda o Orada kafa bölümünde bağlantılı onun bu yana dış stil sayfasındaki oysa birden fazla sayfa onlar eklemek olabilir izlemek gibi birçok farklı HTML sayfalarına Bir tanım burada var ve bir değişiklik olun ve otomatik olarak tüm sayfalarını faks Bu stil sayfası bağlı olduğunu böylece gerçekten size çok daha fazla esneklik sağlamak için gidiyor o test şeyler şeyleri değiştirmeyi hızlandırmak için gidiyor ve aynı zamanda olacak kurşun daha tutarlılık pişirmek için Eğer yapıyoruz, çünkü iç stilleri inline stilleri yanlışlıkla değerini değiştirmek için gerçekten çok kolay ya da iki sonra tüm ani aşk sayfalarınızı görünüyor değerini bırakın ve farklı Tüm sayfalarınız kalanından daha böylece kullanmak pek çok yarar vardır aksine dış Style Sheets stilleri veya satır içi stilleri iç ve tekrar oluşturmak için olsaydı daha bir adım için işte alarak Burada sadece satır içi stilleri sadece her sayfasına gidin ve bireysel değişiklik yapmak zorunda kalacak gibi kelime işlemci belge söylemek izin istiyorum O tarz kadar her geçtiği savaşmak zorundayız ya da eleman ve ayrı ayrı bu değişikliği yapmak yani gerçekten iç stilleri ve inline stilleri gerçekten yapmak esneklik ve Style Sheets yararlılığını sınırı böylece tekrar bu nedenle biz sadece iki istisna su biz uzak inline stilleri kalmak tamamen edeceksin veya dahili stilleri sadece kullanım edeceksin Dış stil ve bizim Bizim kadar projede kadar şimdi stilleri miras ettik aynı sorta konu boyunca devam belirlerken nasıl işler öncesinde kaldırıldı gitmiş ettik biçimidir Tüm yaşam biçimleri onarımlar sadece geri olduğumuzu bir uçak o Gidip benim harici stil sayfasından gelen bu stili silmek go ahead yine biz burada tekrar normale döndük bu ne burada bakar şekilde belirler Biz bu hakkın burada h1 olduğunu biliyorum nerede ama meydan okuyan bir şey değil, eğer h1 Times New Roman olmalıdır cesur ve 24 piksel ne nedir h2 olması gerektiğini söylüyor 18 piksel cesur ve Times New Roman ve siyah cevap o belirler tarayıcınızın stil sayfası var senin belirli bir eleman için herhangi bir stil tanımı onların ise onun ne tarayıcı varsayılan Bu form ambar söz konusu eleman ve sonra aslında büyük bir sorun teşkil Internet Explorer biraz daha farklı çünkü web sayfaları tasarımı varsayılan sonra firefox yapar ve bu tarama ve Safari yapar çok farklı tarayıcılarda farklı varsayılan sahip Böylece cevabı bazı yol gerekir ise Tüm tarayıcı varsayılan yapmak İhtiyacınız aynı tüm elemanlar sayfanızda aynı üzerinde format üç yıl olacak bir Internet Explorer Firefox olsun krom veya Safari ve neyse bu büyük bir sorun var ama çok basit bir cevabı var ve HCS sorar ne denir kullanarak var CSS sıfırlama sıfırlama ve ne bir CSS sıfırlama yapar o sıfırlar olduğunu veya farklı varsayılan tümü için biliyorum yapar sayfanızda tüm farklı unsurları için Bunu sen koymak astar kat gibi CSS satmak kadar sürebilir Aslında bir şey ödemek önce Roma ödeme yapmadan önce her zaman üzerinde astar koymak araba da hatta bir kampüste resim başlamadan önce emin olmak için sizin size yüzey üzerinde boya olduğunuzu hiçbir varyasyon var için ve konu Başka bir CSS sıfırlama bir yerden aynı şeyi yapar ama tarayıcılar ile şimdi çok ve CSS sıfırlama sürü vardır Bu onlar genelde düşmek kullanabilirsiniz yazılmış denir üç kategoriye şey sert sıfırlama CSS sıfırlama başka türlü basit denir sıfırlamak ve bir üçüncü tür hiç bir düşüş denir sıfırlama reset Şimdi tekrar internet üzerinden gidebilirsiniz ve CSS sıfırlama için arama ve sizin için farklı kaynaklar bir sürü bulabilirsiniz o herkesin kendi veya kullanımların tür var Kendi CSS başkası tarafından geliştirilen edilip sıfırlama ya da kendi başlarına geliştirdiği aslında çok popüler bir CSS var reset Guy Dame Eric Meyer ve eğer Eric Meyer CSS sıfırlama için arama Eğer sadece basit CSS sıfırlama hakkında makaleler sürü görürsünüz Eric Meyer CSS sıfırlama Google ve tüm bilgiler hiç sıfırlar olduğunu bilmek istiyorum ve onun tam bir sıfırlanır ve ben de benim çerçeve ile geliyor birine sahip Ben tam bir şekilde tekrar bir an görmek için gidiyoruz ve konum gibi kullanarak o reset Ne bazı insanlar ne onlar sert sıfırlama denir ne olduğunu ve yolu ben sert sıfırlama eserler Onlar bunu bir wild card karakter eşek hile koymak Hangi maç her şey demektir ve daha sonra buraya birkaç stil tanımlarını koymak Onlar devam edin ve font-family yapın: ve bir osuruk seçin onlar yazı tipi boyutlarını yapmak ve spot siteleri kadar def seçilen Onlar renk yapmak ve Genellikle her şey siyah bulmak için ve sonra marjı 0 dolgu yapmak 0 sınırı var emin ne yani yapar ve biz henüz kutu modeli özelliklerini ele almadığımız ama biz bu vergilendirilir tüm markalar olacak ve hepsini seviyorum ürün üniforma etrafında kutuları ve onlar da uzak burada bekleyin gibi yapabilir Normal savaştı tarzı Bu koymak, normal şey daha zor bir çeşit basit gibi olur daha reset sıfırlamak ama şimdi biz bakmak bizim aslında testi burada levha ve burada gösterilen ama değil ben bu bakarsanız Bir tarayıcı Bu görünen şekilde görmek için gidiyoruz ve ben gerçekten sevindim bu çünkü oldu Eğer gerçekten Expression Web hakkında bilmesi gereken tek şey Adobe Dreamweaver gibi veya başka bir tasarım programları mutlaka ölü güvenemiyorum olduğunu Burada Tasarım görünümünde görmek ne Tasarım görünümünde gördüklerinizi göstermek için gidiyor ne değildir Bir tarayıcıda Ben önde gitmek için ise bu test sayfasını kapatmak sıfırlamak olabilir de ve yeniden ancak bu durumda, çok mi Her zaman işler bir tarayıcıda bakmak için gidiyoruz yol kontrol böylece tekrar burada görebilirsiniz Ben şimdi yaptık nasıl bir tarayıcıda bu bakıyor Tüm elemanlar üniform sayfamda benim hatam aynı yani Aynı aralıkla tüm renkleri aynı Sayfadaki her sorunu 24 ve tekrar CSS sıfırlama yapacak bulunuyor rağmen ve bu şekilde size boyutlarını belirtin başlattığınızda Böyle aralıkları ve işler herhangi sahip etmeyeceğiz Gerçek tarayıcıdan girişim Şimdi çok az tasarımcılar sert sıfırlama bu tür kullanım Çok hassas, çok tam değil değil ve gerçekten tam bir amaca hizmet etmez Diğer CSS sıfırlama ve orada yapabilirsiniz o lotsa CSS girinti vardır çünkü kullanım Eğer kullanmadığınız sürece tam sıfırlama kullanmak en iyisidir çok çok basit bir proje yapıyor Bazı go ahead ve buradan o silmek ve en önde gidelim ve bir göz atın en örnek tam sıfırlama için Ben gitmek önde burada en aza indirir ve ben önde gideceğim ediyorum ve bu pencereyi kapatın ve ben de benim çerçeveye buraya gel yaşıyorum Ben CSS gidiyorum benim ana çerçeve klasörüne gidiyorum bir go-ahead temel olduğunu CSS açmak am I'mma sağ tarafından üzerine tıklayarak bunu söylemek ve microsoft ifadeyle ona ve burada CSS stil sayfasına da var Eğer bu mücadele için bir yoldur arada ilk bölümü görebilirsiniz biçimlendirmek CSS onlar eşek hile acımasız ediyoruz Yorum bir kapanış astragan indirim ve yorum ve ancak bu foale uh bir örnek% olduğu CSS sıfırlama ve o çok daha spesifik olarak çok daha fazla yapar görebilirsiniz Sert sıfırlama ve ne yapabilirim bunu kopyalayabilirsiniz olduğunu olduğunu ve sadece stil sayfası yapıştırın ve tekrar dışarı burada resetlerin sürü vardır Orada benim biridir bunun yanı sıra uh html5 elemanları için destek biraz% ekler ancak bir reset onun bu tür her zaman kullanmalısınız Eğer tarzınızı she kurma yaparken ve çok ilk şey olması gerekir Eğer stil sayfasında yer Bunun nedeni yine emsal olduğunu yakın kuralı hatırlamak ve bir tanım yakın tarzı elemanın kendi biçimlendirme için Daha fazla emsal ve o olur iyi burada arıyor Sana h1 var ve ben farklı bir dizi var görebiliyorum Burada elemanları Diyelim ki buraya geldi diyelim ve bazı stiller ben sıfırlamak ve en dedim diyelim formu vardı h1 yazı tipi rengi kırmızı olmalı sadece böyle kuyuya burada yazı tipi rengi siyah olması gerektiğini söylüyor Ben bizim testte bakmak tasarruf edeceksiniz Orada bizim CSS sıfırlama ve sen görebilirsiniz Benim H olanlar değildir okumak değil siyah siyah konum ve çünkü var Bu uzağa olduğunu o zaman bu tanımı burada senin sıfırlama her zaman çok ilk şey olması gerekir bkz sırayla stil sayfası bir iç düzgün çalışması için ve diğer tüm stilleri için kadar de çok çalışmak Eğer geliyor birisi olup olmadığını CSS sıfırlama kullandığınızdan emin olun benim çerçeve size um orada bulmak ya da bir Internet yukarı artık sadece bir kaç şey daha ben bu video hakkında konuşmak istiyorum Ben o reset silindi ve geri döndük Sadece normal görmeye Burada HTML sayfası Şimdiye kadar biz bir stil bulmak zorunda biz sadece önde gitti ve h1 dedi ve sonra stil tanımlı ettik ettik ve sonra biz h2 yapılır ve stil tanımlayabilirsiniz ettik bunun için Biz H 3 's olsaydı ve biz stil tanımlayabilirsiniz de bu biri için işte ben üç farklı kafa başlık seviyeleri için üç farklı stilleri var onlar tam olarak aynı değere sahip bunun yerine benim gibi stilleri yazma var ne yapabileceğini bir grup oluşturabilirsiniz olduğunu ve yaparak seçici bunu h1 virgül sakin h3 h2 ve bu görmüşsünüzdür Biz CSS sıfırlama sıfırlamak ne zaman şeyler sıfırlamakta gruplar seçmenin bir koleksiyon temelde I ve yapabilirdi sadece böyle yaka Burada bu tam olarak aynı şeyi yapar Bu gibi bir grup seçici kullanmak Böyle emin olmak her zaman istiyorum zaman Bir yukarı gruplama elemanlarının aynı değere sahiptir böylece tasarım her zaman emin olmak istiyorsanız senin başlıkların hepsi aynı renkte olan bir grup seçici kullanabilirsiniz sadece bu yüzden olur senin başlıkların hepsi aynı renk ama bu tasarım gereği yapmadım ve daha sonra değişebilir Burada bu hakkın gibi tek tek onları en iyisidir tüm böylece tüm yapmanız için çalışıyoruz bağlıdır Eğer unsurların da bir dizi emin çalışıyorsanız aynı değeri bir grup seçici kullanmak var değilse şimdi bunları tek tek yapmak sırf bir grup seçici anlamına gelmez var Ayrıca bireysel slackers sahip olamayacağını Burada ben rengini tanımlamak, bir grup seçici kullanıyorum ama bundan sonra ya da önce gibi kolayca olabilir gelip yazı boyutu farklı ediliyor belirtmek her biri gün boyunca ben h1 yapabilirim font boyutu olacağım 30 piksel h2 o olacak 24 piksel ve h3 olacak 18 piksel olacak Ben emin olmak istiyorum çünkü yani burada bir grup seçici kullanıyorum Tüm başlıklar hep aynı renk ama Ben bireysel slackers kullanıyorum Yazı tipi boyutu veya bireysel stilleri Ben bu özellikleri bulmak istedim o emin olmak istiyorum çünkü farklı ve en istediğim diyelim Burada başka bir özellik olabilir emin olmak düşünce hep aynı olduğunu Şimdi orada font ailesini bulmak için yapabilirsiniz ve ben her zaman benim başlıklar top vardı emin olun istedim eğer Bunu tanımlayabilirsiniz onların Ben sadece belki emin olmak istiyorum H 3 en iyi italik edilir Bu etkiler çünkü ben burada koymak olmaz h2 O en yaş olanlar ama ben burada bırakamadım gibi burada stil osuruk ve italik eğer Benim H 3 grup seçiciler, böylece Özellikle hedef için güçlü bir yoludur elementler ve özelliklerini tanımlayabilir sadece sizin kod daha kompakt hale geliyor o da zorlamak olur tutarlılık Şimdi o kıvama istediğinizde Ben hakkında konuşmak istiyorum tembel ikinci tür bireysel seçicileri kullanarak bireysel hakkında konuştuk ve biz hakkında konuşmak istiyorum grup seçmeni yaptığını anlattı torun seçiciler seçiciler soyundan ve seçiciler kullanarak gidiyoruz senin tasarımları her zaman ve seçiciler izin neyi soyundan yapmanız elemanı ile stil dayanır üst çocuk ilişkisi üzerine Şimdi ben sadece ebeveyn-çocuk ilişkisinin o ne demek dedim Devam edin ve bunun için kod baktığımızda Eğer ben görmeye gidiyoruz Tüm bu burada elemanları ve onların içinde Bu sevgili bölüm 2 Burada tüm bu unsurları var ve onlar Hindistan bölümü ne denir hepsi konum bu yüzden paragraf var birinci bölümde ben de paragraflar var Bölüm 2'de benim paragraflar ne istiyor eğer tüm bölüm tek aslında ben de devam ediyorum ve burada stillerini kaldırmak Böylece biz sadece Uçağımız testine geri döndük o ne benim paragraflar istiyorsanız bölüm 1 farklı biçimlendirmek olmak bölüm 2 veya bozukluk onları ben paragraflar size pratik bir örnek vermek bu Sen benim kenar çubuğu benim paragrafları ne istediğini bilmek Benim paragraflar daha farklı biçimlendirmek olmak Benim İçerik alanında ya da ne benim liste öğeleri istiyorum içinde sosyal medyada farklı şekilde biçimlendirmek için ne Benim üst sonra dudaklarımı sıkı biter tüm cevap bir seçiciler kullanabilirsiniz olduğunu Bunun için bulmak söyleyebilirim bölüm tek paragraf alt alt ve bu konuda onları biçimlendirmek ve ben tarafından bunu dışarı atarken sadece tarafından vermek Bu durumda ebeveyn-çocuk ilişkisinin Ben hedef bölüm 1 ve bezelye etiketleri istiyorum: bu yüzden benim stil sayfasında ben bölüm 1 yapabileceğini uzay p ve renk yapabileceğini ve ekmek yapmak bu yüzden bölüm söylediğim gayet iyi İD kesit çizgisi element Herhangi bir zaman bölüm tek bir paragraf bulmak Bu araba ile biçim biz önde gitmek kırmızı bir paragraf var görebiliyorum bizim kod bakmak duyuyorum kırmızı paragraf istiyorum buraya gelip var Bölüm 2'de olduğu hedeflenen değil yani torunlarından seçici bir stil tanımlamak için izin verir üst alt ilişkisine dayanır ve bunun için bir tane çok yaygın kullanım elemanlar yolu tanımlıyoruz tanımlama olduğunu eleman o dayalı formatlamak olmalıdır Ne İçeride canlarım bölüm 1 bu durumda bezelye en Bundan başka örneğe bir göz atalım mı me / kodu burada gelip görebilirsiniz Burada bir kaç Loveless'i var ben bunu Sırasız liste var liste öğeleri ve daha sonra sipariş değil listesi ve listeleri öğeleri ile başka sırasız liste var Aslında Bölüm chill şimdi benim stil sayfasında buraya gelmek olsaydı ve sadece söylemek / li yaka kırmızı Ne yapmak için gidiyor onun olacak biçimi benim liste öğeleri olduğunu onlar size Els konum veya oh kuyu da içinde ne vermek ister farketmez var ya da başka bir şey yukarı Tüm liste öğeleri biçiminde o yolu ve emin yeterli olanlar hepsi okunmamış ve bunlar da büyük ama yine biz torunları Lecter de kavramını kullanırız Ben sadece biçimlendirmek istedim ne olur daha spesifik olmak bölüm aşk vardı liste öğeleri Ben yalnız sana kuyuları bırakmak istiyorum daha az sipariş Sadece her şeyin içinde var öğeleri listesi iyi Burada benim CSS stil gelebilir ve ben söyleyebiliriz oh iyi uzay müttefiki İnce neol onun ve ne zaman kavga Bir minibüsün içine öğeleri listeler lol onlara bu araba yapmak Ben bu gitmek ve baktığınızda ve şimdi gördüğünüz sırasız listeler yalnız bırakılmış ancak sıralı listeler Sana l bu değişebilir kırmızı şimdi vardır ve şimdi benim ne olursa olsun Els Bizim biçimi dışında içeride ne yaptığını bu şekilde Kırmızı renk ama vay benim kuyular yalnız bırakılmış Bu noktada göremeyebilirsiniz ve yine bu biraz şifreli görünebilir Bu tam yarar ama biz aslında sayfamızı dışarı atarken başladığınızda Bunu hemen hemen herkes senin stilleri görmek için gidiyoruz Bir torunu tembel olacak Ben sadece hedef istedim ne olur sırasız listeleri vardır liste öğeleri bölüm 1 olduğundan iyi ki durumda ben bölüm 1 l var Bu serin müttefiki ebeveyn-çocuk var Burada ilişki bu yüzden bölüm 1 yapabileceğini size l / li kavga içerdiği tüm listeler ürün bölüm 1 olan sırasız listeler ve şimdi bakmak sizi formatı ve kırmızı olarak sıralı bir listesini görebilirsiniz ama bu bir yanı sıra yalnız bırakılmıştır Orada benim sıralı liste yani torun seçicileri çok özel bir şey hedef izin yine, ebeveyn-çocuk ilişkisine dayalı ve bir şey uzak alması gerektiğini bu özel kadar ders vardır ebeveyn-çocuk ilişkisinin kadar kavramdır HTML'nize Bu durumda vücutta üst sevgidir sayfadaki herşey ebeveyn bu bölümünde her şey olduğunu var mıydı size l ebeveyn kadar her şey içeride bunu yapar yani ebeveyn-çocuk ilişkisinin anlaşılması için önemlidir CSS stillerini nasıl oluşturulacağını öğrenmek yaparken ve biz proje web sitesi üzerinden gidiyorum yine olduğu gibi Gördüğünüz ve nereye görmek için gidiyoruz Bunun için CSS yazmak için gidiyoruz Bu çok çok önemlidir Bu ebeveyn-çocuk ilişkisini tanımlamak için nasıl bir anlayış kol beceri ve varyasyonları bunu farklı şekillerde var orada ama bu basit temel torunları lecter olan ve size ihtiyacınız olacak tüm ihtiyacımız için gidiyoruz ne Bunun için bir düzen oluşturmak için Belirli bir sayfa bu yüzden gerçekten go ahead ve bir mola için bu video kapsayacak istedim Bir sonraki videoda yapacağız go ahead ve konum CSS giriş bitirmek vardır ve özellikle bu videoda biz bir şey hakkında konuşmak için gidiyoruz CSS kutu modeli olarak adlandırılan Ben ve biz de CSS hakkında konuşmak için gidiyoruz edeceğiz CSS kutu Bu video konumlandırma şimdiye kadar konuştuğumuz kadarıyla çoğu aslında biçimlendirme elemanları ile bir ilgisi yoktur sayfa I olacak pozisyonlama elemanları ya da yanlarını belirleme ve biz devam edip yapacağımızı ne ve bir sonraki görüntü bu yüzden o zaman görürsünüz.

Açıklama

Bu Microsoft Expression Web öğretici video CSS bir giriş sağlamak için, Microsoft Expression Web kullanacaktır. Biz, kalıtım ve öncelik, web tasarım CSS kullanarak CSS sıfırlar ve Gruplandırılmış ve merhumun seçiciler yanı sıra kapak bazı yararları stilleri tanımlayabilirsiniz yerlere üzerinden gidecek İşte 2. Bölüm 2 Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videoları ve şablon koleksiyonunda kullanılan eğitim materyallerinin almakla ilgilenen varsa, en öğrenebilirsiniz bu proje. Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://timothywebtemplates.net/godaddy/godaddy.html

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

Joshua Kywn

Joshua Kywn

Dreamweaver, Expression Web, PHP / MySQL, JavaScript ve WordPress Web Tasarım Öğreticiler PHP ve JavaScript serisi üzerinde çalışıyorum. İndirim Kodu Hosting Domain Tescil ve - etiketli "Domain & Hosting İndirim" aşağıdaki bağlantıyı kullanabilirsiniz

YORUMLAR



9.7/10

  • 181
    Olumlu
  • 5
    Olumsuz
  • 20
    Yorum
  • 54655
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • LaKe Lightroom Tutorials

    LaKe Lightro

    22 Temmuz 2014
  • Phlearn Photoshop and Photography Tutorials

    Phlearn Phot

    11 EKİM 2011
  • Semantic Mastery

    Semantic Mas

    30 EKİM 2013

ANKET



Bu sayfa işinize yaradı mı?