«css» etiketlenmiş sorular

CSS (Basamaklı Stil Sayfaları), HTML (Köprü Metni Biçimlendirme Dili), XML (Genişletilebilir İşaretleme Dili) belgelerinin ve SVG öğelerinin renk, düzen, yazı tipi, ve animasyonlar. Ayrıca öğelerin ekranda, kağıtta, konuşmada veya diğer ortamlarda nasıl oluşturulması gerektiğini de açıklar.

25
IFrame'den kenarlığı kaldır
Web uygulamama katıştırılmış bir iframe'den kenarlığı nasıl kaldırabilirim? İframe'in bir örneği: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Arka plan renklerinin tutarlı olduğu varsayılarak, sayfamdaki içerikten iframe'in içeriğine geçişin sorunsuz olmasını istiyorum. Hedef tarayıcı sadece IE6 ve ne yazık ki diğerleri için çözümler yardımcı olmaz.
20
Giriş alanında a: before veya: after sözde elemanı kullanabilir miyim?
:afterBir inputalanda CSS sözde öğesi kullanmaya çalışıyorum , ama çalışmıyor. A ile kullanırsam span, sorun olmaz. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Bu işe yarar (suratı "buu!" Ve "biraz daha" önce koyar) <span class="mystyle">buuu!</span>a some more Bu işe yaramaz - sadece bazı renkleri renklendirirKırmızıyla değer, ancak gülen yüz yok. …
15
CSS Patlamasını Yönetme
Üzerinde çalıştığım bir web sitesi için CSS'ye çok güveniyorum. Şu anda, tüm CSS stilleri etiket başına uygulanıyor ve bu yüzden şimdi gelecekteki değişikliklere yardımcı olmak için daha fazla harici stile taşımaya çalışıyorum. Ama şimdi sorun "CSS Patlaması" aldığımı fark ettim. CSS dosyasındaki verilerin en iyi nasıl organize edileceğine ve özetleneceğine …
682 css  organization 
12
Esnek öğeyi sağa hizalama
Kullanmaktan daha fazla "İletişim" sağa hizalamanın daha esnek bir yolu var position: absolutemı? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a href="#">Home</a></div> …
681 html  css  flexbox 
25
Bir "konum: mutlak" öğeyi merkezleme
Özniteliğe positionayarlanmış bir öğeyi ortalamakta sorun yaşıyorum absolute. Görüntülerin neden ortalanmadığını bilen var mı? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: 1px solid #ccc; padding: …
5
CSS Flexbox'ta neden “haklı göster maddeleri” ve “haklı göster” özellikleri yoktur?
Esnek bir kabın ana eksenini ve çapraz eksenini düşünün: Kaynak: W3C Esnek öğeleri ana eksen boyunca hizalamak için bir özellik vardır: justify-content Esnek öğeleri çapraz eksen boyunca hizalamak için üç özellik vardır: align-content align-items align-self Yukarıdaki görüntüde, ana eksen yatay ve çapraz eksen dikeydir. Bunlar bir esnek kabın varsayılan yönleridir. …
12
Flexbox: yatay ve dikey olarak ortala
Div'ı flexbox kullanarak yatay ve dikey olarak konteyner içinde ortalamak. Aşağıdaki örnekte, her bir sayının yatay olarak ortalanmış (satırlar halinde) birbirlerinin altında olmasını istiyorum. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: tomato; padding: 5px; …
671 html  css  flexbox 
4
sınıflar için CSS'de joker karakter *
Ben stil ile bu divs var .tocolor, ama aynı zamanda benzersiz bir tanımlayıcı 1,2,3,4 vb gerekir, bu yüzden başka bir sınıf olarak ekliyorum tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: …
30
HTML'de mizanpaj için tabloları neden kullanmıyorsunuz? [kapalı]
Şu anda olduğu gibi, bu soru Soru-Cevap formatımıza uygun değil. Yanıtların gerçekler, referanslar veya uzmanlık tarafından desteklenmesini bekliyoruz, ancak bu soru muhtemelen tartışma, tartışma, oylama veya genişletilmiş tartışma talep edecektir. Bu sorunun çözülebileceğini ve muhtemelen yeniden açılabileceğini düşünüyorsanız, yardım için yardım merkezini ziyaret edin . 8 yıl önce kapalı . …
665 html  css 
10
Belirli bir sınıf veya özniteliğe sahip OLMAYAN öğeleri seçerek bir CSS seçici yazabilir miyim?
Belirli bir sınıfı olmayan tüm öğeleri seçen bir CSS seçici kural yazmak istiyorum . Örneğin, aşağıdaki HTML verildiğinde: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> </html> …
644 html  css  css-selectors 
23
Sabit konum ancak konteynere göre
Ben divher zaman kullanarak ekranın üstüne yapışır bir düzeltmeye çalışıyorum : position: fixed; top: 0px; right: 0px; Ancak, divortalanmış bir kabın içindedir. Ben kullandığınızda position:fixedo düzeltir divtarayıcının sağ tarafına karşı kalmış gibi tarayıcı penceresine göre. Bunun yerine, konteynere göre sabitlenmelidir. Bunun position:absolutebir öğeyi göreceli olarak düzeltmek için kullanılabileceğini biliyorum div, …
26
HTML / CSS'de bir görüntüyü gri tonlamaya dönüştürme
Sadece gri tonlamalı bir renk bitmap'i görüntülemek için basit bir yolu var mı HTML/CSS? IE uyumlu olması gerekmiyor (ve olmayacağını hayal ediyorum) - FF3 ve / veya Sf3'te çalışıyorsa, bu benim için yeterince iyi. Her ikisi de SVGve Canvas ile yapabileceğimi biliyorum , ama şu anda çok fazla iş gibi …
619 image  css  grayscale 
11
Yalnızca CSS ile Firefox'u hedefleme
Koşullu yorumları kullanarak Internet Explorer'ı tarayıcıya özgü CSS kurallarıyla hedeflemek kolaydır: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Bazen yanlış davranan Gecko motorudur (Firefox). Başka bir tarayıcıyla değil, yalnızca CSS kurallarınızla Firefox'u hedeflemenin en iyi yolu nedir? Yani, Internet Explorer yalnızca Firefox kurallarını göz ardı etmekle kalmaz, aynı zamanda …
616 css  firefox  css-hack 
8
Birden çok sınıfı kaldırma (jQuery)
Bunu yeniden yazmanın daha iyi bir yolu var mı: $('element').removeClass('class1').removeClass('class2'); removeClass();İstemediğim TÜM sınıfları kaldıracağı gibi kullanamıyorum .
615 jquery  css 
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.