Programlama css

4

CSS: element içeriğinden önce beyaz boşluk nasıl eklenir?

Aşağıdaki kodların hiçbiri çalışmaz: p:before { content: " "; } p:before { content: "&nbsp;"; } Öğenin içeriğinden önce beyaz boşluk nasıl eklerim? Not: Anlamsal kullanım için sol kenar ve sol kenar boşluğunu renklendirmem ve alanı renksiz kenar boşluğu olarak kullanmam gerekiyor. :)

118 css unicode space css-content

10

CSS "alt çizgi" özelliğinin çizgi kalınlığını düzenleyin

CSS'deki herhangi bir metnin altını şu şekilde çizebileceğiniz için: H4 {text-decoration: underline;} O zaman çizilen o 'çizgiyi' nasıl düzenleyebilirsiniz, çizgi üzerinde elde ettiğiniz renk kolayca 'renk: kırmızı' olarak belirlenir, ancak çizginin yüksekliği, yani kalınlık nasıl düzenlenir?

118 html css

5

<textarea> ve <textfield> neden yazı tipi ailesini ve yazı tipi boyutunu gövdeden almıyor?

Neden Textareave textfieldolmayan alarak font-familyve font-sizevücuttan? Burada canlı örneğe bakın http://jsbin.com/ucano4 kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>texearea font</title> <style type="text/css"> body { font-family: Verdana, Geneva, sans-serif; font-size:16px } </style> </head> <body> <form action="" method="get"> <textarea name="" cols="20" rows="4"></textarea> …

118 css xhtml

8

CSS'de @import ve link arasındaki fark

Proje şablonumu değiştirmek için biraz CSS öğreniyorum. Bu soruna geldim ve internette net bir cevap bulamadım. CSS'de @import veya link kullanmak arasında bir fark var mı? @İmport kullanımı <style>@import url(Path To stylesheet.css)</style> Link Kullanımı <link rel="stylesheet" href="Path To stylesheet.css"> Bunu yapmanın en iyi yolu nedir? ve neden? Teşekkürler!

118 css import hyperlink

12

CSS Görüntülerini Önceden Yükleme

Bir düğmeye tıklayarak dağıtılan gizli bir iletişim formum var. Alanları CSS arka plan resimleri olarak ayarlanır ve her zaman geçişi yapılan div'den biraz sonra görünürler. Bu pasajı <head>bölümde kullanıyordum ama şansım olmadı (önbelleği temizledikten sonra): <script> $(document).ready(function() { pic = new Image(); pic2 = new Image(); pic3 = new Image(); …

118 css image background preloader preload

12

Bootstrap 4'teki açılır menüdeki ok nasıl kaldırılır?

Bootstrap 4 kullanıyorum. Açılır menüdeki oku kaldırmaya çalıştım. Cevaplar ben Bootstrap 3 bulundu artık çalışmaz. Jsfiddle burada . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>

118 css twitter-bootstrap twitter-bootstrap-4

2

Birden çok yazı tipi ağırlığı, bir @ font-face sorgusu

Klavika yazı tipini içe aktarmam gerekiyor ve bunu birden çok şekil ve boyutta aldım: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Şimdi, bunları sadece bir @font-facesorgu ile CSS'ye aktarmanın mümkün olup olmadığını bilmek istiyorum , burada weightsorguda tanımlıyorum . Sorguyu 8 kez kopyalamak / yapıştırmaktan kaçınmak istiyorum. Yani şöyle …

118 css fonts font-face

13

Bir web sitesinde kullanılmayan resimleri ve CSS stillerini nasıl bulabilirim? [kapalı]

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Yığın Taşması için konuya uygun olması için soruyu güncelleyin . 3 yıl önce kapalı . Bu soruyu geliştirin Kullanılmayan görüntü dosyalarını bulmak için kullanabileceğim bir yöntem (deneme yanılma dışında) var mı? Sitede …

117 html css

12

Kaydırma çubuğunu iframe'den kaldırın

Bu kodu kullanarak <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> Görünüşü budur ( http://www.talkjesus.com ana sayfasındaki mesaj kutusu ) Yatay kaydırma çubuğunu nasıl kaldırırım ve dikey kaydırma çubuğunun CSS'sini nasıl değiştiririm?

117 html css iframe

10

Bootstrap 3 panel başlığı, düğmeleri yanlış konumda

Bootstrap 3 kullanıyorum ve sağ üst köşedeki panel başlığına bazı düğmeler eklemek istiyorum. Bunları eklemeye çalışırken, başlık taban çizgisinin altında gösterilirler. Kodu: http://bootply.com/82631 Başlığa, panel başlığına veya düğmelere eklemem gereken eksik CSS nedir?

117 css twitter-bootstrap twitter-bootstrap-3

2

Tek bir kural içinde birden çok sınıflı hedef öğeleri

Birden çok sınıf içeren öğelere sahip olan bazı HTML'im var ve bunları tek bir kural dahilinde atamam gerekiyor, böylece aynı sınıflar farklı kaplar içinde farklı olabilir. Bunun CSS'mde olduğunu varsayalım: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } Sonra bunu HTML'mde var: <div class='border-blue background'>Lorum Crap …

117 css class target

13

Görüntüyü sınırlayıcı kutuya sığacak şekilde ölçekleme

Bir görüntüyü sınırlayıcı kutuya ölçeklemek için (en boy oranını koruyarak) yalnızca css'e yönelik bir çözüm var mı? Bu, görüntü konteynerden daha büyükse işe yarar: img { max-width: 100%; max-height: 100%; } Misal: Kullanım durumu 1 (çalışır): http://jsfiddle.net/Jp5AQ/2/ Kullanım örneği 2 (çalışır): http://jsfiddle.net/Jp5AQ/3/ Ancak, bir boyut kabın% 100'ü olana kadar görüntüyü …

117 html css image resize autoresize

5

Flexbox ve Internet Explorer 11 (ekran: <html> de flex?)

"Floaty" düzenlerden uzaklaşmayı ve gelecekteki projeler için CSS flexbox'ı kullanmayı planlıyorum. Mevcut sürümlerindeki tüm büyük tarayıcıların (bir şekilde) flexbox'ı desteklediğini görmekten çok memnun oldum. Bazı örneklere bakmak için "Flexbox tarafından Çözüldü" e gittim . Ancak "Sabit Altbilgi" örneği, Internet Explorer 11. I'de işe görünmüyor biraz etrafında oynanan ve ekleyerek çalışmalarına …

117 html css flexbox cross-browser

10

CSS arka plan resmi alt özelliği

Bu, daha önce uğraşmak zorunda olmadığım bir şey. CSS arka plan görüntüsü özniteliği tarafından kullanılanlar da dahil olmak üzere bir sitedeki tüm resimlerde alt etiketleri kullanmam gerekiyor. Bildiğim kadarıyla böyle bir CSS özelliği yok, bu yüzden lütfen bunu yapmanın en iyi yolu nedir?

117 html css

5

Devralınan CSS3 geçişlerini devre dışı bırakın / kapatın

Bu yüzden a öğesine ekli aşağıdaki css geçişlerine sahibim: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Belirli bir öğede bu devralınan geçişleri devre dışı bırakmanın bir yolu var mı? …

117 css transitions css-transitions

«css» etiketlenmiş sorular