Pytania otagowane jako css

CSS (Cascading Style Sheets) to język arkusza stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje także, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

9
Jak zapobiec zmianie renderowania tekstu w Webkit podczas przejścia CSS
Używam przejść CSS do przejścia między stanami przekształconymi CSS (w zasadzie przejście skali elementu). Zauważyłem, że gdy element przechodzi, pozostała część tekstu na stronie (w Webkit) ma tendencję do nieznacznej zmiany renderowania, dopóki przejście nie zostanie zakończone. Skrzypce: http://jsfiddle.net/russelluresti/UeNFK/ Zauważyłem również, że nie występuje to w moich nagłówkach, które mają …


11
Jak dynamicznie dodać styl wyrównywania tekstu przy użyciu jQuery
Próbuję poprawić typowe błędy IE dotyczące CSS 2.1 i potrzebuję sposobu na zmianę właściwości stylu elementów, aby dodać niestandardowy styl wyrównywania tekstu. Obecnie w jQuery możesz zrobić coś takiego jak $(this).width() or $(this).height() ale wydaje mi się, że nie mogę znaleźć dobrego sposobu na zmianę wyrównania tekstu za pomocą tego …
81 jquery  css  text-align 

2
Usuń dodatkowe odstępy / dopełnienie przycisków w przeglądarce Firefox
Zobacz ten przykład kodu: http://jsfiddle.net/Z2BMK/ Chrome / IE8 wyglądają tak Firefox wygląda tak Mój CSS to button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } Jak mogę zmienić przykładowy kod, aby przycisk był taki sam w obu przeglądarkach? Nie chcę używać hiperłączy opartych na JavaScript, …
81 css  firefox  button  spacing 

13
Zaktualizuj CSS witryny bez odświeżania strony
Stworzyłem stronę z CSS. Teraz muszę zmienić edytor na przeglądarkę i odświeżyć całą stronę, żeby przyjrzeć się każdej drobnej zmianie. Ale nie chcę odświeżyć strony, ponieważ mam kilka animacji. Czy jest coś, czego mogę użyć, aby moja witryna aktualizowała się automatycznie po aktualizacji CSS? Może z JavaScript, jQuery, Ajax czy …
81 javascript  jquery  html  css  ajax 

7
Wyrównywanie tekstu i zaznaczanie pól do tej samej szerokości w CSS?
Ok, wydaje się, że nie można tego naprawić. Mam pole tekstowe i pole wyboru. Chcę, aby miały dokładnie tę samą szerokość, aby były wyrównane na lewym i prawym marginesie. <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <option>123</option> </select> …


7
CSS rotacja w przeglądarce krzyżowej z jquery.animate ()
Pracuję nad utworzeniem rotacji kompatybilnej z różnymi przeglądarkami (ie9 +) i mam następujący kod w pliku jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } CSS i HTML …


7
Jak sprawić, by obramowania zwinęły się (na DIV)?
Załóżmy, że mam znaczniki takie jak: http://jsfiddle.net/R8eCr/1/ <div class="container"> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> ... </div> Następnie CSS .container { display: table; border-collapse: collapse; } .column { float: …
81 css 

2
Jak zmienić rozmiar automatycznego nadrzędnego elementu div na szerokość jego podrzędnych elementów div
Staram się, aby nadrzędny element DIV był tylko tak szeroki, jak podrzędny element DIV. Automatyczna szerokość powoduje, że nadrzędny element DIV dopasowuje się do całego ekranu. Elementy div podrzędne będą miały różne szerokości w zależności od ich zawartości, więc potrzebuję, aby element nadrzędny został odpowiednio dostosowany. <div style='width:auto;'> <div style="width: …
81 html  css 

5
Unicode przez CSS: wcześniej
Używam Font Awesome na mojej stronie internetowej i chcę wyświetlić ikonę wewnątrz :beforepseudoelementu. Zgodnie z dokumentacją / ściągawką muszę wpisać, aby uzyskać tę czcionkę, ale nie działa. Uważam, że to normalne, ponieważ encje HTML nie są obsługiwane w :before. Poszukałem więc trochę w Google i odkryłem, że jeśli chcesz wyświetlać …
81 html  css  unicode  encoding  icons 

8
CSS: Wyśrodkuj blok, ale wyrównaj zawartość do lewej
Chcę, aby cały blok był wyśrodkowany w swoim rodzicu, ale chcę, aby zawartość bloku była wyrównana do lewej. Przykłady służą najlepiej Na tej stronie : http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2f% 7c% 7c% 0d% 0a ++% 2f% 2f +% 7c% 7c ++% 7c% 7c __% 0d% 0a & type = python sztuka ascii powinna …
81 css  alignment  center 

1
Selektor CSS, który nie jest elementem podrzędnym typu elementu?
Chcę stylizować codeelementy, które nie są wewnątrz atagów. Jakie jest najlepsze podejście, aby to osiągnąć? code:not(a code)w ogóle nie działa, przynajmniej w Chrome, mimo że wydaje się, że powinno Nie mogę go też uruchomić z konsoli. Czy są jakieś inne podejścia tylko do CSS, których mógłbym użyć w tym celu?

9
Wbudowane tagi <style> a wbudowane właściwości CSS
Jaka jest preferowana metoda ustawiania właściwości CSS? Właściwości stylu wbudowanego: &lt;div style="width:20px;height:20px;background-color:#ffcc00;"&gt;&lt;/div&gt; Właściwości stylu w &lt;style&gt;...&lt;/style&gt;znacznikach: &lt;style&gt;.gold{width:20px;height:20px;background-color:#ffcc00;}&lt;/style&gt;&lt;div class="gold"&gt;&lt;/div&gt;
81 html  css 

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.