Programlama css

14

Bir daire içinde Font Awesome simgeleri yapmak mı?

Bazı projelerde harika yazı tipi kullanıyorum ama yazı tipi harika simgeleriyle yapmak istediğim bazı şeyler var, kolayca böyle bir simge diyebilirim: <i class="fa fa-lock"></i> Tüm simgelerin her zaman kenarlıklı yuvarlak daire içinde olması mümkün mü? Bunun gibi bir şey, bir resmim var: kullanma i { background-color: white; border-radius: 50%; border: …

134 css font-awesome

7

css taşması - yalnızca 1 metin satırı

divAşağıdaki css stiline sahibim : width:335px; float:left; overflow:hidden; padding-left:5px; Buna divuzun bir metin satırı eklediğimde, yeni bir satıra bölünüyor ve tüm metni görüntülüyor. İstediğim tek satırlık bir metin satırına sahip olmak. Metin uzun olduğunda, bu taşan metnin kaybolmasını istiyorum. Yüksekliği ayarlamayı düşünüyordum ama yanlış gibi görünüyor. Belki yazı tipiyle aynı …

134 html css overflow

13

<div> öğesini ekranın ortasına yerleştirme

Ekran boyutundan bağımsız olarak ekranın ortasına bir <div>(veya a <table>) öğesi yerleştirmek istiyorum . Diğer bir deyişle, 'üst' ve 'alt' solda kalan boşluk eşit, 'sağ' ve 'sol' kenarlarda soldaki boşluk eşit olmalıdır. Bunu sadece CSS ile başarmak istiyorum. Aşağıdakileri denedim ama çalışmıyor: <body> <div style="top:0px; border:1px solid red;"> <table border="1" …

134 javascript css html

7

Bir tabloyu yatay ve dikey olarak div'in merkezine yerleştirme

Bir resmi, bir <div>benzerinin arka plan resmi olarak ayarlayabiliriz : <style> #test { background-image: url(./images/grad.gif); background-repeat: no-repeat; background-position: center center; width:80%; margin-left:10%; height:200px; background-color:blue; } </style> <div id="test"></div> <div>Yatay ve dikey olarak ortasına bir masa kurmam gerekiyor. Kullanan bir çapraz tarayıcı çözümü var CSSmı?

134 css

2

: sonra ve :: sonra

CSS 2.1 :afterile CSS 3 ::aftersözde seçiciler arasında herhangi bir işlevsel fark var mı ( ::aftereski tarayıcılarda desteklenmemesi dışında )? Yeni spesifikasyonu kullanmak için pratik bir neden var mı?

134 css css-selectors pseudo-element pseudo-class

2

Yalnızca CSS duvar düzeni

Oldukça sıradan bir duvar düzeni uygulamam gerekiyor. Ancak, birkaç nedenden dolayı bunu yapmak için JavaScript kullanmak istemiyorum. Parametreler: Tüm elemanlar aynı genişliğe sahiptir Öğelerin, sunucu tarafında hesaplanamayan bir yüksekliği vardır (bir görüntü artı çeşitli miktarlarda metin) Mecbur kalırsam sabit sayıda sütunla yaşayabilirim modern tarayıcılarda, çalışan bu önemsiz bir çözüm yoktur …

134 html css flexbox css-grid

14

HTML5 yer tutucu css dolgusu

Bu gönderiyi zaten gördüm ve yer tutucu ama ne yazık ki dolgu değiştirmek için elimden gelen her şeyi denedim, sadece işbirliği yapmak istemiyor gibi görünüyor. Her neyse, işte css kodu. ( DÜZENLEME : Bu, sass'tan oluşturulan css'dir) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: …

133 html google-chrome webkit css

6

CSS kullanarak metin uzatabilir miyim?

CSS'de metin uzatabilir miyim? Yazı tipinin daha büyük olmasını istemiyorum, çünkü bu, yanındaki küçük metinden daha kalın görünmesini sağlıyor. Metni dikey olarak uzatmak istiyorum, bu yüzden biraz deforme olmuş. Bu bir div içinde olacak ve daha sonra yanındaki normal metin başka bir div içinde olacaktı. Bunu nasıl yapabilirim?

133 css

3

CSS @ font-face - “src: local ('☺')” ne anlama geliyor?

Ben kullanıyorum @font-faceilk kez ve fontsquirrel bir yazı-kit indirilen CSS'ime eklemeyi tavsiye ettikleri kod: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Şimdi, gülen yüz olayı beni çok üzdü. Ancak src'deki url sayısı da - neden bu kadar çok dosya öneriyorlar ve bir …

133 css font-face

1

Bootstrap neden line-height özelliğini 1.428571429 olarak ayarlıyor?

line-height: 1.428571429; Bootstrapline-height neden bu değere ayarlanıyor ? ( Bazı temalar onu 1.42857143'e yuvarlar.)

133 twitter-bootstrap css

6

Bootstrap 3'te Select etiketinden kenarlık yarıçapını kaldırın

Bu önemsiz bir problem gibi görünüyor, ama çözemiyorum. Bootstraps'ın kendi web sitesinde Select örneği var. Koda bakıldığında, bu seçili öğede 4 kenarlık yarıçapı varmış gibi görünüyor. Umudum, bu sınır yarıçapını 0 olarak değiştirmenin daha sonra kenarlık yarıçapını seçilen öğeden kaldırmasıdır, ancak durum böyle değil - aşağıdaki resimde görüldüğü gibi. Bu …

133 css twitter-bootstrap

2

Eğik çizgi ile CSS'de yazı tipi boyutu

Eğik çizgi burada ne anlama geliyor: font: 100%/120%;

133 html css size

10

JQuery kullanarak CSS nasıl değiştirilir?

JQuery kullanarak CSS'yi değiştirmeye çalışıyorum: $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet Burada neyi özlüyorum?

133 javascript jquery css

9

CSS kullanarak bir HTML bağlantı etiketini tıklanabilir / bağlanamaz hale getirmek mümkün müdür?

Örneğin şuna sahipsem: <a style="" href="page.html">page link</a> Style özelliği için kullanabileceğim, bağlantının tıklanabilir olmaması ve beni page.html'ye götürmemesini sağlayacak herhangi bir şey var mı? Ya da tek seçeneğim, bir bağlantı etiketindeki 'sayfa bağlantısını' sarmamak mı? Düzenleme: İnsanların daha iyi tavsiyelerde bulunabilmesi için bunu neden yapmak istediğimi belirtmek istiyorum. Uygulamamı, geliştiricinin …

133 html css anchor

15

Girişleri oluşturmak için otomatik olarak 'gerekli alan' yıldız işareti eklemek için CSS kullanın

Bu kodun istendiği gibi çalışmayacağı talihsiz gerçeğinin üstesinden gelmenin iyi bir yolu nedir: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> Kusursuz bir dünyada, gerekli tüm ' inputler, alanın gerekli olduğunu belirten küçük yıldız işaretini alır. CSS, öğenin kendisinden sonra değil, öğe içeriğinden sonra eklendiğinden, …

133 css forms validation standards

«css» etiketlenmiş sorular