«css» etiketlenmiş sorular

:first-of-typeBelirli bir sınıf adına sahip ilk öğeyi seçmek için CSS3 seçiciyi kullanmak mümkün müdür ? Testimle başarılı olamadım, bu yüzden değil mi? Kurallar ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> …

230 css  css-selectors 

Ortalanmış bir kelimeden oluşan bir web sayfam olmasını istiyorum. Bu kelimenin bir animasyonla çizilmesini istiyorum, böylece sayfa kelimeyi yaptığımız gibi "yazıyor", yani bir noktada başlıyor ve sonuçta bir glif olacak şekilde zaman içinde çizgiler ve eğriler çiziyor. Bunun <canvas>DOM ile mi yoksa DOM ile mi yapıldığı umurumda değil ve JavaScript …

229 javascript  css  canvas  html5-canvas  css-shapes 

visibility:hiddenBazı öğeleri gizlemek için kullanıyorum , ancak gizlendiklerinde sayfada hala yer kaplıyorlar. Onları hiç DOM'da değilmiş gibi görsel olarak tamamen nasıl ortadan kaldırabilirim (ancak aslında DOM'dan kaldırmadan)?

229 html  css 

CSS'nin büyük / küçük harfe duyarlı olmadığı her yerde okumaya devam ediyorum, ancak bu seçiciye sahibim .holiday-type.Selfcatering HTML’imde kullandığımda, bunun gibi, <div class="holiday-type Selfcatering"> Yukarıdaki seçiciyi böyle değiştirirsem .holiday-type.SelfCatering O zaman stil alınmaz. Birisi yalan söylüyor.

229 html  css  css-selectors 

Koduna bir göz atarak gmailime aldım bir postayı çoğaltmaya çalışıyorum. Birden çok kaynak görüntüleyicide bunun birçoğunu görüyorum: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" align=3D"right" width=3D"110"> 3D bilmediğim bir tür posta oluşturma …

229 html  css  html-email 

.Css dosyalarını .less dosyalarına aktarabilir misiniz? Daha azını çok iyi biliyorum ve bunu tüm gelişimim için kullanıyorum. Düzenli olarak şu şekilde bir yapı kullanıyorum: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Tüm içe aktarmalar diğer .less dosyalarıdır ve olması gerektiği gibi çalışır. Şu anki sorunum şu: .css …

228 css  import  less 

Yeni Twitter Bootstrap'ı kullanarak bir site oluşturuyorum. Site iyi görünüyor ve IE8 dışındaki tüm gerekli tarayıcılarda çalışıyor. IE8'de mobil sürümün öğelerini görüntülüyor gibi görünüyor, ancak masaüstümün tam ekranına uzanıyordu. Yaşadığım sorunun öncelikle Twitter önyüklemesinin mobil olması olduğuna inanıyorum. Bazı nedenlerden dolayı IE8 bu seçenek için gidiyor. Ayrıca containersınıfın amaçlandığı gibi …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3 

DIVS ile bir site oluşturuyorum . Bir DIV yaratmam dışında her şey yolunda gidiyor. Onları böyle oluşturuyorum (örnek): newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } padding-leftÖzelliği eklediğimde, DIVdeğişikliklerin genişliği 220px olarak değişiyor ve 200px'de kalmasını istiyorum. Diyelim ki tam olarak aynı DIVadlı başka bir tane oluşturdum …

227 html  css  padding 

JQuery ve jQuery-ui kullanıyorum ve çeşitli nesneler üzerinde çeşitli öznitelikleri canlandırmak istiyorum. Sorunu burada açıklamak adına, kullanıcı fareyle üzerine geldiğinde maviden kırmızıya değişen bir div'e basitleştirdim. Kullanırken istediğim davranışı elde edebiliyorum animate(), ancak bunu yaparken animasyon yaptığım stiller animasyon kodunda olmalı ve böylece stil sayfamdan ayrı. (bakınız örnek 1 ) …

226 javascript  jquery  css  jquery-ui  jquery-animate 

Düğmelerim tıklatıldıktan sonra etraflarında vurgu var. Bu Chrome'da. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> Bootstrap'ı bir tema ile kullanıyorum, ama eminim ki bu değil: Bunu daha önce başka bir projede fark ettim. Bunun <a>yerine bir etiket kullanırsam gider <button>. Neden? Kullanmak istersem <button>nasıl ortadan kaldırırdım?

226 html  css  twitter-bootstrap 

Bir metin girişinin yer tutucusunu aşağıdakilerle biçimlendirmek mümkündür: -webkit-input-placeholder { color: red; } İnternette bir web sitesine bakıyorum ve onların da aynı yer tutucu rengini kullanmak istiyorum. Hangi rengi kullandıklarını anlamak mümkün mü? Herhangi bir alfa değeri eklemek istiyorum, bu yüzden sadece bir görüntü düzenleyicisiyle rengi örnekleyemiyorum. Öğeyi Chrome Geliştirme …

225 html  css 

Bu yüzden bir pazarlama sayfasını prototiplendirmeye çalışıyorum ve Bootstrap ve yeni Font Awesome dosyasını kullanıyorum. Sorun şu ki, bir simge kullanmaya çalıştığımda, sayfada görüntülenen her şey büyük bir kare. İşte dosyaları kafasına nasıl ekleyeceğim: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if …

225 css  html  twitter-bootstrap  font-awesome 

Bu kodu bir düğmeyi sağa hizalamak için kullanıyorum. <p align="right"> <input type="button" value="Click Me" /> </p> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Ancak <p>etiketler biraz yer kaplar, bu yüzden <span>veya ile aynı şeyi yapmak ister <div>.

225 html  css 

Bu @mediakurulum var: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …

225 css  mobile  media-queries 

CSS kullanarak herhangi bir arka plan resmi nasıl çevrilir? Mümkün mü? currenty Ben bu ok görüntüsünü kullanıyorum background-imageait licss içinde Açık: visitedBu oku yatay olarak çevirmem gerekiyor. Bunu okun başka bir görüntüsünü yapmak için yapabilirim AMA sadece CSS'deki görüntüyü çevirmenin mümkün olduğunu bilmek istiyorum:visited

225 css  mobile-webkit