«css» etiketlenmiş sorular

Basit bir örnek: HTML <p style="color:red!important"> this text is red <em> this text is in the initial color (e.g. black) </em> this is red again </p> CSS em { color:initial; color:unset; } Arasındaki fark nedir initialve unset? Yalnızca tarayıcıları destekler CanIUse: CSS ayarlanmamış değeri Geliştirici Mozilla Web CSS başlangıç

90 css 

Hücrenin arka plan rengi beyaz ve tablonun arka plan rengi mavi olduğu için hücre arasında boşluk olan bir tablo eklemeye çalışıyorum, padding ve marjın çalışmadığını kolayca görebilirsiniz (ben uyguluyorum td), yalnızca hücrenin içine boşluk ekler.

90 html  css 

Stil sayfasını yeniden yükleyecek ve sayfayı yeniden yüklemeye gerek kalmadan uygulayacak bir önizleme işlevi olan canlı, sayfa içi bir css editörü yapmaya çalışıyorum. Bunu yapmanın en iyi yolu ne olabilir?

90 javascript  css  stylesheet  reload 

Lütfen denediğimi aşağıdaki koda bakın <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> çıktı : First Div SecondDiv Beklenen çıktı : First Div Second Div bootstrap css kullanarak iki div'i sayfaya yatay olarak ortalamak istiyorum. bunu nasıl yapabilirim ? Bunu yapmak için basit css ve kayan kavram kullanmak …

90 html  css  twitter-bootstrap 

Tüm genişliğini ve yüksekliğini uzatmak için bir HTML öğesinin (gövde, div, vb.) Arka plan görüntüsünü almaya çalışıyorum. Pek şansım yok. Mümkün mü yoksa arka plan görüntüsü olmanın dışında başka bir yolla mı yapmalıyım? Mevcut css'im: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } Şimdiden teşekkürler. Düzenleme: Cebrail'in önerisinde …

90 html  css  background-image 

Kullanıcıyı tam olarak nereye tıklayacağına yönlendirecek bir eğitim oluşturmak istiyorum. Ben ile tüm ekranı kaplayacak şekilde çalışıyorum <div>bir hariç tüm öğeleri loş hangi belirli bir bölgedeki sabit olduğunu width, height, topve left. Sorun şu ki, ebeveynleri background-color(aynı zamanda şeffaf olan) "iptal etmenin" bir yolunu bulamıyorum . Aşağıda kırpılan kısımda , …

90 javascript  jquery  html  css 

Kullandım: word-break:break-all; table-layout:fixed; ve metin Chrome'da kaydırılır, Firefox'ta değil. Güncelleme: Tasarımı değiştirmeye karar verdim, böylece sargıya gerek kalmadı; Bir CSS düzeltmesini / hack'ini çözmeye çalışmak çok sinir bozucu ve zaman alıcıydı.

90 css 

Yan yana duran 2 div içeren bir div (#wrapper) var. Sağ div'in dikey olarak hizalanmasını istiyorum. Dikey hizalamayı denedim: ana sarmalayıcımda ortayı denedim ama çalışmıyor. Beni deli ediyor! Umarım birisi yardım edebilir. http://cssdesk.com/LWFhW HTML: <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </div> </div> …

90 html  css 

Bir html table-layout: fixedtablom ve ayarlı genişlikte bir td var. Sütun, boşluk içermeyen metin içeriğini tutacak şekilde genişlemeye devam eder. Bunu düzeltmenin her td'nin içeriğini bir div'e sarmaktan başka bir yolu var mı? Örnek: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> …

90 html  css 

Şu anda bir şirket için bir mobil açılış sayfası üzerinde çalışıyorum. Bu gerçekten basit bir düzen ancak başlığın altında her zaman% 100 genişlikte olacak bir ürün resmi var (tasarım her zaman bir kenardan kenara gittiğini gösteriyor). Ekranın genişliğine bağlı olarak görüntünün yüksekliği açıkça buna göre ayarlanacaktır. Bunu başlangıçta bir img …

90 html  css  background-image  responsive  responsive-images 

DÜZENLENDİ: Belki de ekran 480 piksel genişliğin altına düşürüldüğünde hangi seçicinin yan dolguyu ayarladığını sormalıyım? Bunu bulmak için bir süredir bootstrap-responsiveness.css'ye göz atıyorum ama hiçbir şey bunu etkilemiyor gibi görünüyor. Orijinal Temel olarak, daha küçük cihaz ekranlarında yanıt verebilmek için herhangi bir varsayılan dolguyu veya kenar boşluğunu kaldırmak istiyorum. Ben …

90 css  twitter-bootstrap  responsive-design  media-queries 

Çakışmayı önlemek için medya sorgularını nasıl doğru bir şekilde aralıklandırırız? Örneğin, kodu ele alırsak: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Destekleyen tüm tarayıcılarda tam …

90 css  responsive-design  media-queries 

Bu CSS'ye sahip olacak bir div'im var: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Şimdi, bu div'i nasıl ortalayabilirim? Kullanabilirim margin-left: -450px; left: 50%;ancak bu yalnızca ekran> 900 piksel olduğunda çalışacaktır. Bundan sonra (pencere <900 piksel olduğunda), artık ortalanmayacaktır. Elbette bunu bir tür js …

90 css  html  center 

Sahip olursam: #logo { width: 400px; height: 200px; } sonra <img id="logo" src="logo.jpg"/> bu alanı doldurmak için uzayacaktır. Görüntünün aynı boyutta kalmasını ama DOM'da bu kadar yer kaplamasını istiyorum. Kapsülleyici <div>veya eklemeli miyim <span>? Stil için işaret eklemekten nefret ediyorum.

90 html  css 

Bir metin satırını döndürmede ve konumlandırmada bazı sorunlar yaşıyorum. Şimdi sadece işe yarayan konum. Döndürme de çalışır, ancak yalnızca konumlandırmayı devre dışı bırakırsam. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html sadece düz metindir.

90 css  webkit  transform  css-transforms