«css» etiketlenmiş sorular

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 

Gövdenin herhangi bir bölümüne bir div eklemeye position: absoluteve bunu tüm belgeye göreli yapmaya çalışıyorum position: relative,.

93 html  css  css-position 

Karma bir web tarayıcısı ortamında (Chrome / IE11) bir web sayfası geliştiriyorum. IE11, CSS değişkenlerini desteklemiyor, IE11'de CSS değişkenlerini kullanmama izin verecek bir çoklu dolgu veya komut dosyası var mı?

93 css  internet-explorer-11  polyfills 

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 …

93 css  react-native  flexbox 

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 …

93 javascript  jquery  css  twitter-bootstrap 

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' …

93 javascript  jquery  css  twitter-bootstrap  jqtouch 

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?

93 css  rotation  font-awesome 

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 { …

93 html  css  responsive-design  css-shapes 

SABİT genişliği ve yüksekliği belirtmek istediğim bir div'im var ve ayrıca orijinal DIV genişliğini / yüksekliğini azaltmadan veya artırmadan değiştirilebilen bir dolgum var, bunun için bir CSS numarası var mı, yoksa dolguyu kullanan bir alternatif var mı?

93 css  html 

Tüm html gövdesini merkeze nasıl hizalarım?

93 html  css 

Örneğin @import url("~./foobar"); Burada gördüm , pakete özgü bir şey mi yoksa gerçek CSS sözdizimi mi olduğundan emin değilim.

93 css  webpack  webpack-style-loader 

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 

İ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 

Tüm ekranı kaplayan yarı şeffaf bir div oluşturmaya çalışıyorum. Bunu denedim: #dimScreen { width: 100%; height: 100%; background:rgba(255,255,255,0.5); } Ancak bu tüm ekranı kapsamaz, yalnızca div içindeki alanı kapsar.

93 css 

İş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