«css» etiketlenmiş sorular

Sütunun içeriğini ortalamaya çalışıyorum. Benim için işe yarıyor gibi görünmüyor. İşte benim HTML’im: <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle Demo

115 html  css  twitter-bootstrap 

CSS esnek kutu modelini kullanarak bir görüntüyü en boy oranını korumaya nasıl zorlayabilirim? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Kabın genişliğini doldurmak için görüntülerin uzadığına veya küçüldüğüne dikkat edin. Sorun değil, ancak görüntü oranlarını korumak için yüksekliği uzatabilir veya kısaltabilir miyiz? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> …

114 html  css  flexbox 

Bu öğeyi satır içi stil öznitelik değerine göre seçmek için bir CSS seçici var mı? <div style='display:block'>...</div> gibi bir şey div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

Nasıl ortalamak do divkendi üst iç yatay divile CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>

114 html  css 

CSS üçgenim (kenarlık) için özel bir onaltılık renk kullanmaya çalışıyorum. Ancak sınır özelliklerini kullandığı için bunu nasıl yapacağımdan emin değilim. Sadece uyumluluk nedeniyle javascript ve css3'ten uzak durmak istiyorum. Üçgenin # CAD5E0 rengiyle 1px kenarlığı (üçgenin açılı kenarları etrafında) beyaz bir arka planına sahip olmasını sağlamaya çalışıyorum. Mümkün mü? Şimdiye …

114 css  border  css-shapes 

aSayfada yeni bir sayfaya bağlantı vermeyen bir bağlantı varsa , kullanıcı onu tıkladığında, öğenin etrafında noktalı bir çizgi olacağını, yalnızca kullanıcı sayfadaki herhangi bir şeyi tıkladığında kaybolacağını, nasıl bunu kaldırmak için? Misal: Öğenin etrafındaki noktalı çizgiye dikkat edin Section 2.

114 html  css 

Örneğin, bir liste öğesi için madde işareti olarak yıldız sembolünü (★) kullanmam gerekiyor. CSS3 modülünü okudum : Özel metnin madde işareti olarak nasıl kullanılacağını açıklayan listeler , ancak benim için çalışmıyor. Tarayıcıların ::markersözde öğeyi desteklemediğini düşünüyorum . Resim kullanmadan bunu nasıl yapabilirim?

114 html  css  html-lists 

Aşağıdakileri bir süredir düşündüm, bu yüzden şimdi fikirlerinizi, olası çözümlerinizi vb. Bilmek istiyorum. Bir metnin rengini değiştiren veya önceden tanımlanmış resimler / simgeler arasında, ebeveynin arka plan görüntüsünün veya renginin kapsanan piksellerinin ortalama parlaklığına bağlı olarak geçiş yapan bir eklenti veya teknik arıyorum. Arka planının kapalı alanı oldukça karanlıksa, metni …

114 javascript  jquery  html  css  sass 

Bir sayfada aşağıdaki HTML kodu var: <h4>Some text</h4> <p> Some more text! </p> Benim içinde .cssben oldum tarzına aşağıdaki SEÇİCİNİN var h4elemanı. Yukarıdaki HTML kodu, tüm kodun yalnızca küçük bir parçasıdır; divbir shadowbox'a ait olan birkaç tane daha var : #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top …

114 html  css  css-selectors 

Yeni San Francisco yazı tipini bir sitede kullanmak istiyorum. Denedim: font: 'San Francisco', Helvetica, Arial, san-serif; boşuna. Bu sorunun cevabını denedim ama @font-faceburadaki çözüm değil.

114 css 

Düğmelerin ve diğer öğelerin varsayılan bir stile sahip olduğunu ve 3 adımda davrandığını fark ettim: normal görünüm, fareyle üzerine gelme / odak görünümü ve fare aşağı / tıklama görünümü, CSS'de normal görünümün ve fareyle üzerine gelme görünümünün stilini şu şekilde değiştirebilirim: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } ancak …

114 html  css  css-selectors 

Oldukça büyük bir sorunum var, çünkü bazı girdi türlerini şekillendirmekten afallatmam gerekiyor. Bende şöyle bir şey vardı: .registration_form_right input:not([type="radio") { //Nah. } Ama ben de onay kutularına stil vermek istemiyorum. Denedim: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Nasıl kullanılır &&? Ve ||yakında kullanmam …

114 css  css-selectors  conditional-operator 

Harici bir stil sayfasıyla biçimlendirmeye çalıştığım bir şablonu oluşturuyorum. Dosya yapısı aşağıdaki gibidir. /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html şuna benzer <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content --> Yine de stillerimden hiçbiri uygulanmıyor. Bunun html'nin oluşturduğum …

114 python  html  css  templates  flask 

Açılan öğelerin sayfadan çıkmamasını sağlayamıyorum. BS3'ten birkaç şey denedim ama işe yaramıyor gibi görünüyor. Bunun yüzünden mi emin değilim ml-auto. (if-else ifadelerini dikkate almayın) İşte CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> …

114 twitter-bootstrap  css  bootstrap-4 

Bu daraltılabilir gezinme çubuğunu güzel çalışan Bootstrap 4 kullanarak oluşturdum, ancak kullanıcı bir bağlantıya tıkladığında kapanmasını istiyorum. Bunu yapmanın bir yolu var mı? Teşekkürler html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" …

114 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4