13 NİSAN 2013, CUMARTESİ

Css3 Öğretici - Yanıt Veren Web Sitesi Düzeni Medya Css Stil Sayfaları Sorgular.

Bu web geliştirme dinlemek kolayca duyarlı oluşturmak için öğrenebilir Web sitesi düzenleri CSS3 medya sorguları kullanarak Medya sorguları uygular sonra belirli bir ortam türünü hedef sağlar ve Eğer koşullar BDP sadece biraz B2K fazla ifade çek konum çıplak kemikleri ile başlayan bir html5 web belgesi var ve biz de oluşturmak edeceksin Üç farklı stil sayfaları yani ne olursa olsun cihaz kullanıcı ile sitemize geliyor Bunun için uygun bir turnike var ve bu yüzden en bizim kod editörü içine gidelim edecek güvenli yeni CSS edeceğim edeceğiz aşağıdaki kural koyun: Bir yaptım için bir kimliği v

ardır sevgili şimdi bu basın Kontrolü yukarı lar ve bu olduğunu söylüyorlar küçük ve bir nokta CSS uzantısı olacak ya da sadece o CSS küçük olan küçük nokta CSS ICC yazabilirsiniz ve ben de gövde elemanının içinde b

u yüzden test çalışması HTML var Test% olarak uh Şimdi bu o kimliği vardır yaptığını HTML koyun ne benim bizim belgenin baş elemanı şimdi yaptım var Biz normalde yaptığınız gibi kurmak istiyorsanız bir ba

“Ders Kodu: http://www.developphp.com/video/CSS/Media-Queries-Responsive-Website-Layout-Tutorial CSS3 medya sorgular kullanarak duyarlı web düzenleri oluşturmak iç...”
Adam Khoury

ğlantı öğesi oluşturmak Bizim stil sayfasına takım lol oraya özelliklerini koymak ve o yapacak bir stil sayfası eşittir sonra bizim href niteliklerini koymak ve eşit ya da küçük yapacağız CSS, böylece bu geçerli olacak normal bir yoludur Bir web sayfasına ancak bir an olacak tarzı o nasıl CSS eklemek için göstereceğim Bu medya sorgu mantığı bu yüzden bizim iyilik tarayıcısında bu hale Bizim stil sayfası eklemek için web sayfalarını etkileyen aslında ol

Css3 Öğretici - Yanıt Veren Web Sitesi Düzeni Medya Css Stil Sayfaları Sorgular. Resim 1 Css3 Öğretici - Yanıt Veren Web Sitesi Düzeni Medya Css Stil Sayfaları Sorgular. Resim 2 Css3 Öğretici - Yanıt Veren Web Sitesi Düzeni Medya Css Stil Sayfaları Sorgular. Resim 3 Css3 Öğretici - Yanıt Veren Web Sitesi Düzeni Medya Css Stil Sayfaları Sorgular. Resim 4

duğunu görebilirsiniz buna ben olacak küçük olduğu CSS almak kulüpler bağlantılıdır Ben dosya sabe ben orta o CSS gibi CSS OKC de genişlemiş Ben şimdi gözlerimi var ne olduğunu görmek Ben olacak bu HTML sınamak ve sonra üç Style Sheets var küçük, orta ve benim küçük şimdi büyük c-myc stil levha yaptım 500 piksel ile vardır iyi ve bunu değiştirmek benim orta stil sayfası 1000 piksel ve büyük stil sayfasında en 1400 piksel bu değiştirmenize izin veya ne istersen sayı 1200 piksel yani bunlar çeşitli temsil Ne kullanıcılara

göre arasında geçiş yapmak istediğiniz Style Sheets Ekran boyutu veya pencere boyutları bu linki unsur yapmamaya biraz daha Biz medya ekleyebilirsiniz dinamik görebilirsiniz nitelikleri farklı Orada arasında seçim yapabilirsiniz medya türleri aslında bazı yenilerini ve ben var orel CSS önerilmiyor edildi düşünüyorum ve onlar 3d gözlük ve a eklendi Boston'da göreceksiniz en yaygın olanlar için böyle bir şey düşünmek sanat baskı ve ekran ve ekranları kullanmak için gidiyoruz onlar gibi inanmak Her şey hala şimdi ben yapacağım yok gibi çalışmak ed ve açık yakın parantezler olduğunu parantez biz ortalama koymak için gidiyoruz in Kullanım bir ekranı 20 piksel ile en az onlar olacak beslenen konum böylece ile CSS Ben sadece o bütün çizgi vurgulamak olduğunu küçük bütün bağlantı elemanı aşağı gidelim ve bu numarayı en değiştirmek iki 1000 piksel let ve bu orta ve şimdi sağlar bir kez daha en bu sayı 1400 yapalım anlaşıldı ve bu büyük Nazi SS basın Kontrolü s bu test çalışması HTML kaydetmek ve daha sonra favori tarayıcınızda render Ben görebilirsiniz tarayıcı arasında geçiş olduğunu ölçek olarak ben çok ne olur ise Style Sheets 1000 piksel var 500 piksel var Tamam ile ve daha sonra 1400 piksel kullanıcının kendi tarayıcı penceresini yeniden boyutlandırma kadar ya da ilk sayfa yukarı yüklediğinizde sayfayı ilk yüklediğinde o yüzden bizim rakamlar size doğrultusunda medya sorguları ile çalışmak için farklı bir yol göstermek sadece onun türü text / css yapmak kafasında bir stil öğesi açmak Biz bir çift okay yakın tarzı elemanı tırmandı aşağı gitmek hangi de bunu Aynı şey ama CSS doğrultusunda bunu yapabilirsiniz Eğer ben sadece bu nedenle temelde kullanıcı burada değerlendirmelere sahip görebilir ekran veya pencere boyutu daha az bin piksel verdikleri almak için gidiyoruz 500 piksel genişliğinde olacak ama onların ekranda eğer bir pencere az olan vardır Ben 1000 piksel sonra dave 900 piksel genişliğinde olacak edeceğiz ve stil ve tam sayfa olmasına rağmen değiştirebilirsiniz Bu değerlendirmeler içinde şimdi bizim favori tarayıcı bu çalışmasına izin biz hala aynı olur mu herhangi bir stil sayfaları bağlı değilsiniz görebilirsiniz etki Eğer merkezde diff çapında 500 piksel genişliğinde 900 piksel gider bakın Kullanıcının pencere veya ekran boyutuna göre tamam böylece sadece siz ve amortisman yöntemi olarak dönüşümlü gösterir yeni bir yol sembolü ve medya nitelikler kullanmak için Ben var gibi sayfa doğrultusunda doğrudan biçembentteki bunu ya yapabilirsiniz Burada o Yakında dan önce olduğu şekilde geri gitmek ama ben bir şey bağlantısını kullanarak eleman ve tamamen stil sayfaları değiştirme Eğer gerekirse bu konuda gitmek için daha örgütlü ve daha akıllı bir yol olurdu ama Sadece hat yaklaşımı bunu kullanabileceğiniz bir kaç şeyleri değiştirmek bu yüzden bu konuda hp geliştirmek çağrı kod örnekleri hem gerekecek video ders Eğer çocuklar herhangi benim kesin kaynak koduna almak gerekir harf işler Seni duyarlı web düzenleri oluşturma konusunda bu yazının beğeneceğinizi umuyoruz CSS3 medya sorguları kullanarak.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Media-Queries-Responsive-Website-Layout-Tutorial CSS3 medya sorgular kullanarak duyarlı web düzenleri oluşturmak için öğrenin. Medya sorguları bize belirli bir ortam türünü hedef ve belirli medya özellikleri koşullarını kontrol sıfır veya daha fazla ifade uygulamak için izin verir. Bu mantığı kullanarak bir kullanıcı ile görüntülediği cihazın ekran boyutuna göre bizim site için tüm CSS ayarlayabilirsiniz. Kullanıcı sayfa yüklendikten sonra onların tarayıcı penceresi boyutlandırır durumunda da duyarlı olacaktır. Bir tepki düzeni için alternatif sadece elemanların genişliği değerleri için yüzdeler kullanılmasıdır. Ancak bazı geliştiriciler tamamen izleyicinin ekran boyutuna göre düzeni yeniden gerekir. Duyarlı düzen uygulandığı budur. Ayrıca web sitesi tasarımı becerileri çok yetenekli görünmesini sağlar. İlgili Öğretici: Pencere Boyutu Duyarlı CSS Düzeni Stil Değiştir JavaScript Eğitimi http://www.youtube.com/watch?v=ZKy0kIZB9y4

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 693
    Olumlu
  • 12
    Olumsuz
  • 123
    Yorum
  • 79502
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Bart Baker

    Bart Baker

    1 Aralık 2006
  • Hak5DarrensVlog

    Hak5DarrensV

    11 EYLÜL 2009
  • Monica Catral

    Monica Catra

    12 NİSAN 2009

ANKET



Bu sayfa işinize yaradı mı?