23 Ocak 2014, PERŞEMBE

Bir Css Düğme Oluşturma

Bu videoda çalışan bazı CSS düğmeler bina olabilir Mutlu çapraz tarayıcı ve şimdi bunları değiştirmek için Yakında çok fazla kodundan sonra aa güzel bir şekilde ve biz bir göz ve sadece biz Stein bakabilirsiniz ölüyor ve elemanları değil görürsünüz pantolon düğmesi de bu yüzden biz bir kaç boyutları var ki burada görebilirsiniz tarafı biz boyutu değişir de sen onun çok çok vermek hangi sınıf vermiş siteyi düğmesini değiştirmek kolay beni gerçekten Nash de düğmelerini kullanarak gelişen hızlı olmak bu yüzden vardı ama çapa top 10 Ben elemanları ve biz devam edin ve sekiz sal ateş gitmek için bu ihtiyaca t

ıklayabilirsiniz Şu anda hiçbir şey burada hepsi olduğunuzu fark edeceksiniz diğerleri de karma Tam olarak aynı girdi türleri ve göndermek ve buraya olanlar düğmeleri bir şekilde hangisi: yöntemini biliyorum ku

llanılan on Ayarlanması yıldız kullanmak isteyeceksiniz onlar mevcut konum ve sadece bu değil ama böyle ben onlar çapraz olduğu söylenmiş biliyorum Tarayıcı yani Ben önizleme misyonu kulüpler IIEH böylece

“Çapa (a etiketler) gibi unsurları arasında iyi çalışan bir çapraz tarayıcı düğmesi stil, düğmeleri (giriş) ve düğmeleri gönderin. Ayrıca kolay genişletmek ve düğm...”
Codecourse

ve Bu olabilir ot dışarı sınır yarıçapı aynı herhangi bir fark bakmak sported bir yarıçap özelliklerini desteklemek ve Explorer 8 ve Firefox da yanı yüzden çapraz tarayıcı kontrol olacak Bize etkisi hover için kaynak var son derece önemlidir geçen hafta ama Gerçekten tahvil ekoloji tamamen size kalmış bir Şu anda bu sadece düğmeye birincil Eylül müthiş ilköğretim Dick tadı Bu renk eller virgül hav Size istedim ancak eğer ikincil renk ya da kredi maliyet

Bir Css Düğme Oluşturma Resim 1 Bir Css Düğme Oluşturma Resim 2 Bir Css Düğme Oluşturma Resim 3 Bir Css Düğme Oluşturma Resim 4

lerinin devam başka renk bilmek istedim gerçekten hızlı ve daha sonra devam onu ​​boyut vermek böylece düğmeler Ben gidecek öncesinde aslında onlara bina başlamak bu yüzden şimdi bakıyoruz ilk şey Temel mark-up ben önde gideceğim ve sadece almak yapmak artık sayfası Bu dizin yapısı Biz işemek için bir dizin var bu yüzden içimde bir göz atacağız Burada ağız dolusu dai-ichi ve biz CSS Ana kapı CSS içerdiği var Deli bu iki dosyayı var ihtilaf devam edin ve ev stilleri çatlaklara yol açabilir Eğer biz sadece beş temel b

ir ekip var bakın bize she yıldızı izin Burada bir CSS dosyası ile mark-up yapı Temelde sadece LinkedIn yapmamız gereken tek şey bir nişastalı var zihin veya CSS gövde stili iyi büyükanne işaretleme amo önizleme biz onu ilk, çünkü iki ana kapı CSS üzerinde top aldık Yapmak istediğimiz şey yazı dikte olduğunu ve sayfa için, bu gövde girişine uygulanır Ben şimdi bunu yapmak sebebi biz bir şey uygularsanız, düğme değilim vücut Biz giriş için seçilen yıldız olsun olmayabilir isterdi laubali alanlar sayfasından boyunca tutarlı bulundu tutmak ve çapa sadece aktörler metin onlar söylüyorlar inline unsurları Kress seçmen bu vücut seçici sivil tarafından yakalandı Vücut giriş ve Batton go ahead ve kraut bloğu bunun için devam edebilirsiniz ve sadece bu gibi bilgileri Bu onun tamamı benim tercih ama çoğu hatları beri ayrı yazmak Ben mckinny oluşmuş steno özelliktir devam edecek Biz neler yapabileceğini geleneksel söylemek eğlenceli bir aile tanımlamak söylüyorlar Biz eğlenceli steno özelliği olarak birçok kişi tarafından kullanmayın hangi telefon dürüst bir set font-size: sayfa 214 piksel Ben gezi shamash olacak seçim ediyorum ve kendimi geri yapacağım iPhone isterseniz şimdi biz yaptık sans-serif var Sayfa olarak INE elemanları biz bu yerde başlayan gerektiğini hangi tip baş antrenörü R kahverengi Senato ferahlık aldım şimdi hayat güzel canlı ve net telefon biz önde gitmek olduğunu ne yapmak istediğinizi şimdi ve aslında öpücük kulüpler awsome etrafında oynamaya başlayın İlk çapa styling olacak ve daha sonra biz hareket edeceğiz yanı sıra Boston en evcil hayvanlar içinde bu değişiklik bu yüzden yapmak istediğiniz ilk şey go ahead ve işareti oluşturmak olduğunu tahmin Bizim sayfadaki çapa elemanı sıkışmış ve biz sadece işareti yazmanız gerekir ki Buraya kadar sadece bu yüzden bazı metin önizleme var Sadece Asia nerede bu konuda endişeli değilim çünkü yumurtadan batacak bunun tamamen styling var gidiyor ve ben yapacağım bir araba devam edin ve bir sınıf adını seçin Seni bu düğmeye çağrı sandık böylece ve sınıf altında bu ama stilleri olacak olan Herhangi bir düğme için kullanılacak ve sonra biz sonradan seçmek için gidebilirsiniz hangi boyutta Biz hangi renklerin b1 kazandı Bu kullanarak ek sınıflar sonra böylece isterseniz bu taban esas Clauss olduğunu ya da ben edeceğiz stilleri nasıl bu kadar jenerik yıldız yemin Şu an için düğmeye biz o sadece bu bağlantıyı var inanıyorum O ince biz biliyoruz yan bir şey yapmaz biz sadece normal biz İstiyorum olarak üzerine tıklayın biliyor devam doğal görünmesi ancak içinde Bu konuda rehberlik Sen dolgu diyor ve Sonus bu olduğunu ne anlama geldiğini 8 piksel 16 piksel başlığı Aynı bu yazı olarak temelde anlamına gelir Temelde ben Kuzey güney doğu ve batı tarafında Messing kaldırarak ben kuzey ve güney bir piksel olmak istiyorum sol ve sağ tarafta doğu ve batı 16 piksel olmak ve en edecek devam edin ve çizgi olarak bu görüntüler Bu benim doldurma kullanmasına izin vermek için ne yapacağınızı engellemek Ayrıca, ilk örnekteki gördüm hatlarında topuz var Bu taban ile birbirine paralel olan böylece her şey hala satır içi eleman değil o yeşil alan dolgu Thats 8 piksel temsil ettiği burada görebilirsiniz kuzey ve güney ve 16 piksel doğu-batı biz o uygulanmış oldu bizim gizleme biliyorum demek Şimdi biz devam edin ve o sadece çok derli toplu, bu kadar yani ben de seçim yaşıyorum ne yapabilirim text-decoration: özellik olmayan ısrar bu ne yapacak haline altta hareket devam edin basitçe görünür ve bir sonraki şey, o anda bu sınır yarıçapı atlamak istiyor kadar üzerinde Bu çalışma olduğunu görmek için olsun çünkü bu biraz zor Biz ne kadar birincil uygulanmıştır, çünkü ben o Arka plan rengini veren sınıf yüzden go ahead ve yapacağız bu ancak bir ya da böylece devam edin ve bu geçici bir background-renk verin: böyle bu CCC en bir değer vermek oldu Bu biz de yapmak istiyorum yani ne iyi geçicidir Ben şimdi burada bir kaç daha fazla yıldız eklemeniz gerekecektir için Sanmam olduğunu sonra değil aslında biz devam edin ve bir im kullandığınızda müthiş ihtiyacı bazı ek özellikler vurmak eklemek için olsa ama şimdi biz aslında ettik bu ne büyük bir arka plan var olduğunu görebilirsiniz bu güzel gibi daha fazla görünüyor Boston hakkında şekle sahiptir düğmesi şimdi istediğin bir dahaki sefere gitmek olduğu için en go ahead ve düğme birincil sınıf oluşturmak izin da bu peynir yapmak duyurmak için gidiyor dibe hangi tarz bunu isterseniz Boston birincil ve ikincil bize olabilir Ben olacak her türlü otobüs ve yoksul bir spor düğmesi karanlık ben sadece geliyorum bu dediğimiz tamamen size kalmış Şimdilik birincil çağrısında sadece birincil renk Frau seslendi saat verecektir Sitemizde renk paleti yüzden biz burada aşağı gitmek biz devam edin ve yeni oluşturmak sınıf bu düğmeye birincil Muhteşem arka plan kayrak gri tabii ki ben ön plan rengi için buraya herhangi bir renk tek seçebilirsiniz Tarama peynir beyaz biz de arka plan rengini değiştirmek mümkün olmak istiyorum Hoffa sitesi arka plan üzerinde bu öylesine kaydet butonu birincil olarak bizim Ben devam edin ve arka plan rengini değiştirmek ve bu olacak yaşıyorum arka ışık Greg Hoffa ışık kayrak gri kayrak griden değişiyor gibi sönmüş ve biz devam edin ve şimdi bizim düğme birincil var şimdi yaklaşık bir göz atacağız yıldız biz düğme birincil var görebiliyorum O bir ada, bir müfettiş de baz yıldız var hangi arka plan rengi, varsayılan olarak yazılır olmuştur Şimdi sen devam et ve arıza için bu bırakın ama Seni devam edin ve söyleyebiliriz Ben zorlamak istiyorum Bir arka plan renkleri bunlardan biri tarafından oluşturulacak Birimin ben dikte istiyorum hangisi Eğer o t bir gün buraya gelen gitti alırsanız boşluk olmalıdır ve biz güzel bir birincil bir üniversite var ve sis ya hav etkileyebilir çünkü Bu gider Beni hiç bu kadar biraz daha hafif nasıl beş gezi şimdi biz kala şimdi temel şekli olduğumu nasıl var biz önde gitmek 3 ek sınıflar artırmak gerekir şimdi bu bize küçük bir düğme oluşturmak için izin yapacaksınız için edilir gidiyor bizim büyük düğmesini orta otobüs bu yüzden bir sınıf burada öylesine var Normal düğme daha küçük tek tek Baker gitmek gidebilir ve büyük yüzden bu sonra bir büyük yine geçmiş yarattığımız yapmanız gereken tüm oldukça basit istediğimiz sınıfları uygulamak Devletler dayalı biz küçücük benim otobüs olmak istiyor ne kadar büyük biliyor daha yapacağız devam kazanmak ve Yazı büyüklüğü2 12 piksel azaltmak olduğunu Varsayılan olarak 14 ile yapacağız küçük gideceksin 12 dolgu bir azalma da vardı 27 altı piksel ve 14 piksel demek yine biz varsayılan olarak ne varsa daha daha küçük biz önde gitmek ve ish kopyalanan eğer göndermek şimdi ne ne olacak olan ve burada yukarıda dakika küçücük bir geçiş yapıştırın Onlara bunları onlara stilleri alır fark küçük bir düğme mükemmel Shamoon devam edin ve kurmak için yapar daha büyük bir ve daha sonra başka bir büyük biri çok bu Cts istiyoruz bu o yaptı ve bu gelişme için çok yararlıdır çünkü o hızlandırır sen gelişimini bilmek ve net Ayrıca boyutu da tutarlı tutmak en önde gidelim ve oluşturmak ancak orta muhtemelen bu 16 çünkü olabilir tahmin Ben de gitmek önde ve aynı yapacak değilim standart daha büyük bir gece ile bu konuda bir şey bu Gidiyoruz böylece 10 piksel Gidip bu 18 resimler yapmak minik için aşağı içine her zaman yukarıya ve reklamlar yüzden burada tutarlılık seviyesi yani go ahead ve bu düğme oluşturmak için şu anda tekrar kopyalamak orta tamam şimdi onlar var ama orta bu önizleme yapabilirsiniz belki koi büyük ama burada gitmek go ahead ve hemen hemen ne aynı şey büyük eğlenceli oluşturmak diyor biz zaten biz sadece artırır gerek yaptık iyi biz zaten tekrar 18 olacaktır burada eğlenceli boyutunu söylemek ikiye var Bu 12 olacak ve bu muhtemelen yirmi tahmin edilecek böylece düğme başlatmak için var Bugüne kadar SheMale dizine nasıl en sından gidelim geçen ay, bu hızı kopyalamak ve geniş bu değişiklik Onların yat biz ayran dört farklı boyutlarda var Standardın s minik orta ve büyük yüzden şimdi biz nerede herkes ev I kullanabileceğiniz farklı boyutları vardır Tekrar tekrar ve tekrar ve yıldız işareti diğer yazmak için değil ve tekrar ve tekrar biz sadece biz zaten yarattık sınıfları için kullanılan olabilir bu yüzden go ahead ve ne şimdi bir göz atalım ne zaman yerine bunu yapmanın kullanmak Ben sadece orada kullanmak yatay çizgi gidiyorum Saha içinde birileri önde gitmek için daha az bu yüzden bir form veya benzeri bir şey vardı biliyorum o Giriş sıkı sunar işaretin değeri Yukarı Clark'ın tüm genellikle ilk sık ve biz sadece standart ölçü şimdi ne yan o bırakacağım oldukça görünmüyor göreceksiniz sağ biraz garip görünüyor gibi görünüyor standart boyutu bu bir karşılaştırarak denetler, am biz bir çeşit arasında var Buralarda düzen böylece biz sadece bazı görünüyor O iyi sınır yarıçapı hala ama oldukça doğru görünmüyor bu yüzden ekmek o kadar ve go ahead ve gerek Peki ne yapmamız gerekiyor CSS hakkında içeride Biz düğmeye bazı özellikler eklemeniz gerekir sınıf daha önce belirttiğim gibi değil sınır 0 ve margin: 0 marj düzeltir Diğer hatalar Biz onları şimdi ama temelde için yapamam 0 olarak ayarlanmış sınır ile birlikte onlarla duyuyorum Şimdi kadar işareti aynı görünümlü düğme var biz hala bir sorun var ben aslında en go ahead ve dinlenme yapalım edeceğiz işaretleme hızlı Sadece üst biri karşılaştırmak mantıklı olabilir böylece düğme olacak hat şeyleri demektir küçük ve onun go ahead ve Cape bu aşağı tutmak Bizi orta kurtaracak üzerinde Yani temelde burada tutarlılık arıyor Ben büyük desen diyeceğim tamam şimdi birbirlerine bu yanındaki bakarak onlar kesinlikle iyi görünüyorsun Hiçbir arasındaki fark var ne burada sından ancak oldukça olan girdileri var Arkadaşına Phi millet o bu aslında biraz olduğunu görebilirsiniz boyutlandırma burada geniş swish Yakaladım korkunç tutarsızlık ve temelde bir yalancı seçin IA söyledi var Firefox odak denilen hangi mas öneki gerektirir olacak bu dolgu 20 kurulu ayarlamanızı sağlar go ahead ve biz bunu uygulamak nasıl bir göz atın diyor yani ana içeride o şey burada, bu kadar geçerlidir diyor yok Ben ama cilalı yaşıyorum ve bu En önek odaklı anneler Bir de şimdi Ben go ahead ve set değilim Sipariş 20 ve dolgu 20 şimdi Firefox refresh için yeşil ışık içinde Beni go ahead ve bu Bunu değişiklikleri görebilirsiniz ve bu sözde mesafeleri seçin temelde ne içindeki boyutunu değiştirir Ben bu dolgu için kullanıcı aracısı stilleri yükselen var bir çay piksel gibi bir şey ben ama temelde ne yapıyoruz biz sadece konum olduğunu düşünüyorum böylece önlemek için geçersiz kılma biz de düğme için bunu yapmak zorunda olacak en go ahead ve düğme yapalım ve bunu yapar ve bu yüzden ne olduğunu görmek Bir go ahead, thats ve Burada başka bir İK yer sıkışık ama öncesinde gitmek tımarhane devam kapatıldı Burada sınıf metnini kayıt bu yüzden devam edin ve birinci sınıf kopya izin bu sadece standart ölçü olacağını bu yüzden aşağı tam listesi Bu genellikle bpm olacak bu büyük bir passin olacak tamam şimdi en Şöyle bir göz atalım hiçbir sürpriz var orada suç kuyu Louis oluşur olduğu içinde ancak kesinlikle iyi görünüyor Firefox o biraz daha yapmamız gereken ne dersiniz Ben uygulamak gerekebilir önde gitmek gerekir olmak olduğunu Firefox için iki seçmek için Saints biz yaptığımız gibi öylesine içine biz sadece mankafa değiştirildi odak çoğu aynı stüdyo seçici kullanmak ve ben go ahead ve reset edeceğiz user-agent yıldız dolgu ve beni önde gidelim ve çek şimdi s go ahead ve bu gibi görünüyor ne bir göz atalım kesinlikle iyi görünüyor ve anı keşfetmek Eksik olduğunu ben Gap Sidney ince bir şey bakıyor yarıçapı ben go ahead ve sonraki sürümleri kontrol etmek zorunda olduğunu dokuz, on ve akım kaybı Bu bizim bu iyi olduğunu biliyorum bu yüzden de iyi görünüyor biz sadece bir şey şimdi biz yapmak için sol var ettik ve biz getirdiğinizde fark ederseniz Bunların her biri üzerinde Biz bu güzel elle simgeler imleçler öpücük alacağım onun Overby point2 simge olarak simge üzgünüm öyle kamu malı söyledi ve ancak diğer butonları ile o gittikten var kat tutarsızlık burada biz sadece bir imleç var ve gerçekten ben bu tıklayabilirsiniz gibi o gibi görünmüyor görünmüyor yapacağız devam edin ve sadece birkaç şarkı vardı olduğunu ne öylesine tıklayın Burada ve bu sadece olacak Onlar bir kale Mia var bu yüzden bu stil biz onları üzerine geldiğinizde bu yüzden olacak go ahead ve söylemek konum duyuyorum ithalat zaman teslim eşittir böylece nerede kullanarak aslında seçici değilim doc patentleri biz aktif olarak hedeflediğiniz emin olmak istiyorum diğer stilleri etkileyen düğmeler ama ben de öyle Buxton kadar düğmeli söyleyeceğim temel olarak Buraya türü ve sınıfı ve burada sonunda var şimdi biz olacak go ahead ve onun ok imleci ne işaretçi ve olacak go ahead ve sorunu düzeltmek bulunuyor diyelim Diyelim ki şimdi biz diyoruz elimizi işaret edemez görebilirsiniz, yenilemeden önde gidelim nasıl yazmak için beni ve ben aslında ben tankerlerde tıklayın son bir şey muhtemelen biz Bu durumda karma biz sadece bir parça yönlendirme biliyorum Evcil hayvan biz bu korkunç olsun bu yüzden butonuna tıkladığınızda var etrafında sınır ve bu sola veya Hans edilebilir Seni yaşamak ya da bir şey i da balık olacak go ahead ve biz bu yerleştirebilirsiniz kaldırmak Sadece yapım yıldız anahat demek altında taze ile devam giderseniz olmayan Beni gelebilir için biz şimdi bu alamadım bu yüzden bir dizi CSS düğmeleri fatura başarıyla ettik dalga IE renk sınıfı düğmesi birincil Önümüzde bir sonraki uç gitmek gerektiğini söyledi ve ayrıca yine ekstra markasını genişletmeye devam farklı boyutlarda inşa edilecek büyük Ekstra küçük düğmeleri ve bunlar ne çapraz Tarayıcı kabarma ve farklı unsurları ile de tutarlı biz en yakın kaynağı.

Açıklama

Çapa (a etiketler) gibi unsurları arasında iyi çalışan bir çapraz tarayıcı düğmesi stil, düğmeleri (giriş) ve düğmeleri gönderin. Ayrıca kolay genişletmek ve düğme tarz açısından nasıl özelleştirebilirsiniz. Http://phpacademy.org/code at Kodu alın Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.9/10

  • 198
    Olumlu
  • 1
    Olumsuz
  • 32
    Yorum
  • 26518
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BachelorsPadTv

    BachelorsPad

    17 Ocak 2012
  • CruzerLite

    CruzerLite

    1 EKİM 2011
  • Joshua Bane

    Joshua Bane

    24 Temmuz 2007

ANKET



Bu sayfa işinize yaradı mı?