«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.

10
CSS ile bir web sitesinin tamamına tek bir yazı tipi uygulama
Tüm web sitemde "Cezayir" adlı tek bir yazı tipi kullanmak istiyorum. Bu nedenle, tüm HTML etiketlerini değiştirmem gerekiyor ve aşağıdaki gibi farklı etiketler için farklı kod yazmak istemiyorum: button{font-family:Algerian;} div{font-family:Algerian;} Aşağıda yazılı yöntem de kesinlikle önerilmez: div,button,span,strong{font-family:Algerian;}
93 html  css  fonts  font-face 



4
'Konum: mutlak' Flexbox ile çelişiyor mu?
divDiğer unsurları ve merkezdeki alt unsurunu etkilemeden ekranın üst kısmına bir çubuk yapmak istiyorum . .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet position: absoluteSatırı eklediğimde justify-content: centergeçersiz oluyor. Birbirleriyle çatışıyorlar mı ve çözüm nedir? DÜZENLE Teşekkürler çocuklar, bu …

12
sol tarafta twitter bootstrap alt menüsü nasıl açılır?
Açılır menüde twitter önyükleme alt menüsü oluşturmaya çalışıyordum ama bir sorunla karşılaştım: Sayfanın sağ üst köşesinde açılır menüm var ve bu menünün bir alt menüsü daha var. Ancak, alt menü açıldığında - pencereye sığmaz ve çok fazla sağa gider, böylece kullanıcı yalnızca ilk harfleri görebilir. Bu alt menüyü sağa değil …

10
Bootstrap'te geçiş düğmesi nasıl oluşturulur
Başlangıçta HTML, CSS ve JavaScript'te bir web uygulaması oluşturdum, ardından Bootstrap'ta da yeniden oluşturmam istendi. Her şeyi iyi yaptım, ancak web uygulamasında, orijinal olarak sahip olduğum geçiş düğmeleri yerine radyo (orijinal olarak onay kutusu) düğmelerine dönüşen geçiş düğmeleri vardı. Düğmelerin kodu: <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' …

6
Yazı tipine uygun simgeleri statik olarak döndürme
Harika yazı tipi simgelerimi statik olarak 45 derece döndürmek istiyorum. Sitede şöyle yazıyor: Simgeleri keyfi olarak döndürmek ve çevirmek için fa-rotate- * ve fa-flip- * sınıflarını kullanın. Ancak yapmak <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> çalışıyor fa-rotate-45ile değiştirirken fa-rotate-90çalışmaz. Bu, aslında keyfi olarak dönemeyecekleri anlamına mı geliyor?

3
Eğimli bir tarafla şekil verin (duyarlı)
Aşağıdaki resimdeki gibi sadece bir tarafta (örneğin alt tarafta) eğimli kenar diğer kenarlar düz kalırken bir şekil oluşturmaya çalışıyorum . Border yöntemini kullanmayı denedim (kod aşağıda verilmiştir) ancak şeklimin boyutları dinamik ve bu nedenle bu yöntemi kullanamıyorum. .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { …




10
Vue.js veri bağlama stili arka plan görüntüsü çalışmıyor
Bir öğedeki görüntünün src'sini bağlamaya çalışıyorum, ancak işe yaramıyor gibi görünüyor. "Geçersiz ifade. Oluşturulan işlev gövdesi: {backgroundImage: {url (image)}" alıyorum. Dokümantasyon 'Kebap-harf' ya da 'deve-case' ya kullanmayı söylüyor. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> İşte bir keman: https://jsfiddle.net/0dw9923f/2/
93 javascript  html  css  vue.js 

1
margin-top sadece flex öğe sarıldığında
İki esnek ürün içeren bir esnek kabım var. İkinciye bir kenar boşluğu ayarlamak istiyorum, ancak yalnızca sarıldığında ve ilk esnek çizgide değil. Mümkünse medya sorgularını kullanmaktan kaçınmak istiyorum. İlk elemandaki marj-alt bir çözüm olabilir diye düşündüm. Bununla birlikte, elemanlar sarılmadığında altta boşluk ekler, bu yüzden aynı sorun. Bu benim kodum: …
93 css  margin  flexbox 


7
Div öğesinde svg'nin altındaki fazladan boşluktan nasıl kurtulurum
İşte sorunun bir örneği (Firefox ve Chrome'da test edilmiştir): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet JSFiddle'da görüntüle Mavinin altındaki fazladan redboşluğa dikkat edin .divsvg Zaten ayarlamayı paddingve marginher iki unsuru da denedim 0, ama şanssız.
93 html  css  svg 

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.