«css» etiketlenmiş sorular

Satır içi CSS kodu yazmam gereken bir durum var ve bir çapa üzerinde fareyle üzerine gelme stili uygulamak istiyorum. a:hoverHTML stili özelliği içinde satır içi CSS'yi nasıl kullanabilirim ? Örneğin, HTML e-postalarında CSS sınıflarını güvenilir bir şekilde kullanamazsınız.

1016 html  css  inline-styles 

HTML objeleri eklemek için CSS content özelliğini nasıl kullanıyorsunuz ? Bunun gibi bir şey kullanmak, sadece  kırılmayan alan yerine ekrana yazdırılır : .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

На этот вопрос есть ответы на yığın taşması на русском : Суть класса Clearfix Son zamanlarda bazı web sitelerinin kodlarına bakıyordum ve her birinin <div> bir sınıfı olduğunu gördüm clearfix. Hızlı bir Google aramasından sonra, bazen IE6 için olduğunu öğrendim, ancak aslında bir düzeltme nedir? Temizlenmemiş bir düzene kıyasla, temizlenmiş …

1003 html  css  layout  cross-browser  clearfix 

Bazı tarayıcıların (özellikle Firefox ve Opera) tarayıcı oturumları arasında bile .css ve .js dosyalarının önbelleğe alınmış kopyalarını kullanırken çok gayretli olduklarını fark ettim . Bu, bu dosyalardan birini güncellediğinizde bir soruna neden olur, ancak kullanıcının tarayıcısı önbelleğe alınmış kopyayı kullanmaya devam eder. Soru şudur: Kullanıcının tarayıcısını değiştiğinde dosyayı yeniden yüklemeye …

993 javascript  css  caching  auto-versioning 

Bazı tarayıcıların (Chrome gibi) tür numarasının HTML girişi için oluşturduğu yeni döndürme kutularını gizlemenin tutarlı bir yolu var mı? Yukarı / aşağı okların görünmesini önlemek için bir CSS veya JavaScript yöntemi arıyorum. <input id="test" type="number">

984 javascript  css  html  input  numbers 

Bootstrap kullanıyorum. Üç sütunu aynı yükseklikte nasıl yapabilirim? İşte sorunun ekran görüntüsü. Mavi ve kırmızı sütunların sarı sütunla aynı yükseklikte olmasını istiyorum. İşte kod: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: yellow"> catz <img width="100" height="100" src="https://lorempixel.com/100/100/cats/"> </div> …

965 css  twitter-bootstrap 

Bir bireyi divbaşka bir bireyin üzerine yerleştirmek için yardıma ihtiyacım var div. Kodum şöyle görünüyor: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> Maalesef ilkinin içine div#infoiya da yuvasını yerleştiremiyorum .imgdiv.navi İki ayrı olmak zorunda divgösterildiği gibi ler, ama ben yerleştirmek nasıl bilmek gerekir div#infoiaşkın div.navive sağ çoğu tarafına …

958 html  css  position  overlay 

Sınıf adı olan bir grup öğe var red, ancak class="red"aşağıdaki CSS kuralını kullanarak ilk öğeyi seçmek gibi görünmüyor : .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Bu seçicide yanlış olan nedir ve nasıl düzeltebilirim? Yorumlar sayesinde, elemanın seçilmesi gereken ebeveynin ilk …

945 css  css-selectors 

JQuery kullanarak ::beforeve ::after(ve eski noktalı virgül içeren eski sürüm) gibi CSS sözde öğelerini seçmenin / değiştirmenin herhangi bir yolu var mı ? Örneğin, stil sayfam aşağıdaki kurala sahiptir: .span::after{ content:'foo' } JQuery kullanarak 'foo'yu' bar 'olarak nasıl değiştirebilirim?

943 javascript  jquery  css  jquery-selectors  pseudo-element 

Çevrimiçi sayısız yerde JavaScript'ten önce CSS ekleme önerisini gördüm. Akıl yürütme genellikle bu biçimdedir : CSS ve JavaScript'inizi sipariş etmek söz konusu olduğunda, CSS'nizin önce gelmesini istersiniz. Bunun nedeni, oluşturma iş parçacığının sayfayı oluşturmak için gereken tüm stil bilgilerine sahip olmasıdır. Önce JavaScript içeriyorsa, JavaScript motorunun sonraki kaynak kümesine devam …

897 javascript  css  performance 

Twitter Bootstrap 3 kullanıyorum ve divörneğin dikey olarak iki hizalamak istediğimde sorun yaşıyorum - JSFiddle link : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> <div style="height:5em;border:1px solid …

889 html  css  twitter-bootstrap  twitter-bootstrap-3 

Ben değiştireceğim CSS ile jQuery ve ben girdi değerine dayalı ekliyorum stil kaldırmak istediğiniz: if(color != '000000') $("body").css("background-color", color); else // remove style ? Bunu nasıl yapabilirim? Yukarıdaki çizginin, bir renk seçici kullanılarak bir renk seçildiğinde (yani fare bir renk tekerleğinin üzerine geldiğinde) çalıştığını unutmayın. 2. not: Bunu yapamıyorum css("background-color", …

868 javascript  jquery  css  background 

divİki sütunlu bir düzeni kaydırmada eski bir sorunum var . Kenar çubuğum yüzer, bu nedenle kabım diviçeriği ve kenar çubuğunu saramıyor. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> Firefox'taki açık hatayı düzeltmek için çok sayıda yöntem var gibi görünüyor: <br clear="all"/> overflow:auto overflow:hidden Benim durumumda, düzgün çalışıyor gibi görünen tek …

864 css  clearfix 

( Ve ) diviçin bir kümem var ve içinde bazı metinler var.display:block90px heightwidth Metnin ortada hem dikey hem de yatay olarak hizalanmasını istiyorum. Denedim text-align:center, ancak yatay kısmı yapmıyor, bu yüzden denedim vertical-align:middle, ama işe yaramadı. Herhangi bir fikir?

862 html  css 

~Karakteri aramak kolay değil. Bazı CSS'lere bakıyordum ve bunu buldum .check:checked ~ .content { } Bunun anlamı ne?

857 css  css-selectors