Programlama css

6

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Konuyla ilgili olması için soruyu güncelleyinYığın Taşması için için . 6 yıl önce kapalı . Bu soruyu geliştirin Mümkün olduğunca çok CSS ve olabildiğince az JS kullanan bir ağaç (bir dizin ağacı …

108 javascript jquery twitter-bootstrap css jquery-ui

5

Css kullanan metin kenarlığı (metnin etrafındaki kenarlık)

Metnin etrafına aşağıdaki resimdeki gibi bir çerçeve eklemenin bir yolu var mı?

108 text css

6

Sözde elemanlar için tek veya çift kolon gösterimi kullanmalı mıyım?

IE7 ve IE8 sözde öğeler için çift iki nokta gösterimini desteklemediğinden (örn. ::afterVeya ::first-letter) ve modern tarayıcılar :aftergeriye dönük uyumluluk için tek iki nokta gösterimini (örn. ) Desteklediğinden, yalnızca tek iki nokta gösterimini kullanmalı mıyım ve ne zaman IE8'in pazar payı ihmal edilebilir bir seviyeye düşüyor, kod tabanımda geri dön …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

7

CSS'de negatif kenar boşlukları nasıl çalışır ve neden (margin-top: -5! = Margin-bottom: 5)?

Dikey konumlandırma öğeleri için yaygın bir numara, aşağıdaki CSS'yi kullanmaktır: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Chrome'da olduğu gibi metrik görünümde görüldüğünde şunu görürsünüz: Ancak, öğenin üzerine geldiğinizde tasvir edilen görsel bir kenar boşluğu yoktur, yani kenar boşluğu sınırın 'dışında' ve görselleştirilebilir. Ancak …

108 css margin

4

CSS3: denetlenmemiş sözde sınıf

Resmi bir CSS3 :checkedsözde sınıfı olduğunu biliyorum , ancak :uncheckedsözde sınıf var mı ve aynı tarayıcı desteğine sahipler mi? Site noktasının referansı bir taneden bahsetmez, ancak bu whatwg spesifikasyonu (her ne ise) yapar. Aynı sonucun :checkedve :not()sözde sınıflar birleştirildiğinde elde edilebileceğini biliyorum , ancak yine de merak ediyorum: input[type="checkbox"]:not(:checked) { …

108 css css-selectors pseudo-class

7

Bootstrap: Gezinti çubuğu öğesine göre açılır menünün konumu

Aşağıdaki açılır menüye sahibim <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> Açılır listenin sol üst köşesi metnin sol alt köşesindedir (Eylem), ancak dropdwon'un sağ üst köşesinin konumunun metnin sağ alt yerinde olmasını umuyorum. Bunu nasıl yapabilirim?

108 css twitter-bootstrap drop-down-menu

2

Genişliği * karakter * cinsinden belirtin

Sabit genişlikli bir yazı tipi kullanırken , bir HTML öğesinin genişliğini karakter cinsinden belirtmek istiyorum . "Em" biriminin M karakterinin genişliği olması gerekiyor, bu yüzden bir genişlik belirtmek için bunu kullanabilmeliyim. Bu bir örnektir: <html> <head> <style> div { font-family: Courier; width: 10em; } </style> </head> <body> <div> 1 3 …

108 css font-size

12

Angular 2'de dinamik olarak css güncelleme

Diyelim ki bir Angular2 Bileşenim var //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } Bu bileşen için şablon html dosyası //home.component.html <div class="home-component">Some stuff in this div</div> Ve son olarak bu bileşen …

108 css angular

7

CSS ile bir aralığı bir ön gibi görünecek şekilde nasıl değiştirebilirim?

Yalnızca CSS kullanan bir etiket gibi içeriğini önceden biçimlendirmek için bir <span>etiketi (veya <div>) değiştirmek mümkün müdür <pre>?

108 html css

21

Fareyle üzerine gelinen öğe Chrome'da inceleniyor mu?

Chrome'un geliştirici araçları aracılığıyla, bir sitede araç ipuçlarının nasıl yapılandırıldığını görüntülemeye çalışıyorum. Ancak, öğenin üzerine geldiğimde bile, "öğeyi inceleyin", html'de araç ipucu için hiçbir şey görünmüyor. Stili olarak ayarlayabileceğimi biliyorum :hover, ancak yine de araç ipucunun html veya css'sini göremiyorum. Herhangi bir fikir?

108 html css hover google-chrome-devtools

8

Div (yükseklik) 'i kalan ebeveyn yüksekliğini işgal et

http://jsfiddle.net/S8g4E/ divİki çocuklu bir konteynerim var . İlk çocuğun belirli bir boyu vardır. İkinci çocuğu divbelirli bir yükseklik vermeden konteynerin "boş alanını" işgal etmesi için nasıl sağlayabilirim ? Örnekte pembe div, beyaz boşluğu da kaplamalıdır. Bu soruya benzer: div'in kalan yüksekliği kaplaması nasıl sağlanır? Ama mutlak pozisyon vermek istemiyorum .

108 html css height parent

7

Mutlak şekilde konumlandırılmış eleman merkeze nasıl hizalanır?

İki tuvali üst üste yığmaya ve onu çift katmanlı bir tuval yapmaya çalışıyorum. Burada bir örnek gördüm: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Ancak her iki tuvali de …

108 css html5-canvas

3

CSS seçicide boşluk ne anlama gelir? ör. .classA.classB ve .classA .classB arasındaki fark nedir?

Bu iki seçici arasındaki fark nedir? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

108 css css-selectors

22

CSS ile iç metin gölgesi

Şu anda CSS3 ile oynuyorum ve bunun gibi bir metin efekti elde etmeye çalışıyorum (siyah bulanık iç gölge): Ancak metnin içinde metin gölgeleri oluşturmanın bir yolunu bulamıyorum . Kutu gölgesi öğesi içeride şu şekilde gölge oluşturabildiği için hala mümkün olup olmadığını merak ediyorum: box-shadow: inset 0px -5px 10px 0px rgba(0, …

107 css text shadow

2

IE'de çalışmayan eleman için başlangıç genişliğini kullan

Kabına kanvas ve lejant ekleyen bir grafik eklentim var <table>. Bu eklenti de tablesahip olmadığı için widthtanımlandığı gibidir ve benim CSS benim eklenti yerleştirilmiş olur ki kap içinde bir tablo için bir genişlik vardır. Bu nedenle, yeni div CSS'den miras table{ width: 100%}alıyor ve yanlış işliyor. Kullanmayı denedim width: initial;, …

107 css internet-explorer cross-browser width

«css» etiketlenmiş sorular