«css» etiketlenmiş sorular

CSS (Basamaklı Stil Sayfaları), HTML (Köprü Metni Biçimlendirme Dili), XML (Genişletilebilir İşaretleme Dili) belgelerinin ve SVG öğelerinin renk, düzen, yazı tipi, ve animasyonlar. Ayrıca öğelerin ekranda, kağıtta, konuşmada veya diğer ortamlarda nasıl oluşturulması gerektiğini de açıklar.

6
Dizeleri daha az birleştirme
Bunun mümkün olmadığını düşünüyorum ama bir yolu olabilir diye sorduğumu düşündüm. Buradaki fikir, web kaynak klasörüne giden yol için bir değişkenim olmasıdır: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Bunu sonuç olarak anlıyorum: .px { background-image: url("../img/" "test.css"); } Ama dizelerin şu şekilde tek bir dizede …
129 css  path  web  less  concat 
15
CSS metin dönüştürme tüm büyük harflerle büyük harfle yaz
İşte benim HTML’im: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> İşte benim CSS'im: .link {text-transform: capitalize;} Çıktı: Small Caps & ALL CAPS ve çıktının şu olmasını istiyorum: Small Caps & All Caps Herhangi bir fikir?
129 css 
4
Twitter Bootstrap:% 100 yüksekliğe sahip kapsayıcıda div
Twitter önyüklemesini (2) kullanarak, gezinme çubuğu olan basit bir sayfam var ve içine container% 100 yüksekliğe sahip bir div eklemek istiyorum (ekranın altına). Css-fu'm paslı ve bunu çözemiyorum. Basit HTML: <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- …
9
<body> tüm ekranı doldursun mu?
Web sayfamın arka planı olarak radyal gradyan kullanıyorum, örneğin: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); Çalışır, ancak içerik tüm sayfayı doldurmadığında degrade kesilir. &lt;body&gt;Öğenin her zaman tüm sayfayı doldurmasını nasıl sağlayabilirim ?
8
Izgara / Döşeme Görünümü Nasıl Oluşturulur?
Örneğin, bir sınıf .article'ım var ve bu sınıfı ızgara görünümü olarak görmek istiyorum. Ben de bu stili uyguladım: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Bu stil .article'ın kiremitli / ızgara gibi görünmesini sağlar. Sabit yükseklikte iyi çalışıyor. Ancak yüksekliği otomatik olarak ayarlamak istersem (içindeki verilere göre otomatik olarak uzatılır), …
6
CSS veya Javascript kullanarak bir web sayfasında imleci gizlemek mümkün müdür?
Bir bina holündeki bilgileri görüntülemesi amaçlanan bir web sayfasını gösterirken imleci gizlemek istiyorum. Etkileşimli olması gerekmiyor. İmleç özelliği ve şeffaf bir imleç görüntüsünü denedim ama çalıştırmadım. Bunun yapılıp yapılamayacağını bilen var mı? Sanırım bu, nereye tıkladığını bilemeyen bir kullanıcı için bir güvenlik tehdidi olarak düşünülebilir, bu yüzden pek iyimser değilim …
129 javascript  html  css 
30
CSS dönüşümü kullandıktan sonra bulanık metin: scale (); Chrome'da
Görünüşe göre, Google Chrome'da, a yaptıktan sonra bulanık metne neden olan bir güncelleme yapılmış transform: scale(). Özellikle şunu yapıyorum: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Chrome'da http://rourkery.com adresini …
10
Seçim kutusu seçeneği arka plan rengini değiştir
Bir selectkutum var ve selectkutuya tıklandığında ve tüm seçenekleri gösterdiğinde seçeneklerin arka plan rengini değiştirmeye çalışıyorum . Fiddle'a bakın HTML: &lt;select&gt; &lt;option val=""&gt;Please choose&lt;/option&gt; &lt;option val="1"&gt;Option 1&lt;/option&gt; &lt;option val="2"&gt;Option 2&lt;/option&gt; &lt;option val="3"&gt;Option 3&lt;/option&gt; &lt;option val="4"&gt;Option 4&lt;/option&gt; &lt;/select&gt; CSS: select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
11
Cihaz genişliğini javascript olarak alın
Görüntü alanı genişliğinin aksine, javascript kullanarak kullanıcıların cihaz genişliğini almanın bir yolu var mı? CSS medya sorguları, söyleyebileceğim gibi bunu sunuyor @media screen and (max-width:640px) { /* ... */ } ve @media screen and (max-device-width:960px) { /* ... */ } Akıllı telefonları yatay yönde hedefliyorsam bu kullanışlıdır. Örneğin, iOS'ta max-width:640pxbir …
8
Twitter Bootstrap'ta stilin üzerine nasıl yazılır
Twitter Bootstrap'teki stillerin üzerine nasıl yazabilirim? Örneğin, şu anda 'float: left;' CSS kuralına sahip bir .sidebar sınıfı kullanıyorum. Bunun yerine sağa gitmesi için bunu nasıl değiştirebilirim? HAML ve SASS kullanıyorum ancak web geliştirmede nispeten yeniyim.
1
Illustrator'dan web için SVG'leri dışa aktarmak için en uygun ayarlar?
Tüm cihazlar için duyarlı bir tasarımda harika görünmesi için bir web sitesi için bir SVG logosu kullanmak istiyorum. Ancak sorunlar olduğu için olabildiğince çok cihazı ve tarayıcıyı desteklemek istiyorum. Yükleme hızı da önemli bir husustur. Adobe Illustrator'daki dışa aktarma ayarları tüm bunlara nasıl uyuyor? Illustrator'da, SVG dışa aktarımı için birkaç …
25
ASP.NET MVC'de Html.ActionLink'e "active" sınıfı nasıl eklenir?
MVC'de önyükleme gezinme çubuğuma "etkin" bir sınıf eklemeye çalışıyorum, ancak aşağıdaki şekilde yazıldığında etkin sınıfı göstermiyor: &lt;ul class="nav navbar-nav"&gt; &lt;li&gt;@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})&lt;/li&gt; &lt;li&gt;@Html.ActionLink("About", "About", "Home")&lt;/li&gt; &lt;li&gt;@Html.ActionLink("Contact", "Contact", "Home")&lt;/li&gt; &lt;/ul&gt; Bu, doğru biçimlendirilmiş bir sınıfa benzeyen ancak çalışmayan bir sınıfa çözüm getirir: &lt;a class="active" href="/"&gt;Home&lt;/a&gt; Bootstrap belgelerinde, 'a' …
4
CSS ile bir tablo hücresinde sağa hizala
Bunun gibi eski klasik koda sahibim &lt;td align="right"&gt; dediğini yapan: hücredeki içeriği doğru hizalar. Yani bu hücreye 2 düğme koyarsam, hücrenin doğru yerinde görünecekler. Ama sonra bunu CSS'ye yeniden biçimlendiriyordum, ancak doğru hizalama diye bir şey yok? Metin hizalama görüyorum, bu aynı mı?
128 css 
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.