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.



4
Czy „pozycja: absolutna” jest sprzeczna z Flexbox?
Chcę zrobić divkij na górze ekranu bez wpływu na inne elementy, a jego element potomny w środku. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment Kiedy dodam position: absolutewiersz, justify-content: centerstaje się nieważny. Czy są ze sobą w konflikcie …


13
Zmiana: najedź na właściwości CSS za pomocą JavaScript
Muszę znaleźć sposób na zmianę CSS: właściwości najechania kursorem przy użyciu JavaScript. Na przykład załóżmy, że mam taki kod HTML: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> I następujący kod CSS: table td:hover { background:#ff0000; } Chciałbym użyć JavaScript do zmiany właściwości <td> hover na, powiedzmy, background: # 00ff00. …
93 javascript  html  css  dhtml 


7
Jak pozbyć się dodatkowego miejsca pod svg w elemencie div
Oto ilustracja problemu (przetestowana w przeglądarkach Firefox i Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Uruchom fragment koduHide resultsRozwiń fragment Zobacz na JSFiddle Zwróć uwagę na dodatkową redprzestrzeń wewnątrz divniebieskiego poniżej svg. Próbowałem już ustawić paddingi marginobu elementów 0, ale bez powodzenia.
93 html  css  svg 

3
Czym jest @apply w CSS?
Przede wszystkim mam na myśli tag CSS. Poszukałem w Google, @applyale nie mogłem znaleźć niczego, co mogłoby właściwie wyjaśnić mi jego znaczenie. Jakie jest przeznaczenie takiego tagu?
93 css 

14
obraz przesuwa się po najechaniu kursorem - problem z przezroczystością chrome
Wygląda na to, że jest problem z moją stroną tutaj: http://www.lonewulf.eu Po najechaniu kursorem na miniatury obraz przesuwa się nieco w prawo i dzieje się to tylko w Chrome. Mój CSS: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); …


4
Jak zachować proporcje podczas skalowania obrazu za pomocą jednego wymiaru (CSS) w IE6?
Oto problem. Mam zdjęcie: <img alt="alttext" src="filename.jpg"/> Uwaga, nie określono wysokości ani szerokości. Na niektórych stronach chcę pokazać tylko miniaturę. Nie mogę zmienić html, więc używam następującego CSS: .blog_list div.postbody img { width:75px; } Co (w większości przeglądarek) tworzy stronę z jednakowo szerokimi miniaturami, wszystkie z zachowanymi proporcjami. Jednak w …

10
Stosowanie jednej czcionki do całej witryny za pomocą CSS
Chcę używać jednej czcionki o nazwie „Algerian” w całej mojej witrynie. Dlatego muszę zmienić wszystkie tagi HTML i nie chcę pisać innego kodu dla różnych tagów, takich jak: button{font-family:Algerian;} div{font-family:Algerian;} Opisana poniżej metoda również jest wysoce odradzana: div,button,span,strong{font-family:Algerian;}
92 html  css  fonts  font-face 

4
Element ukrywania bootstrapu na Twitterze na małych urządzeniach
Mam ten kod: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

2
Czy istnieje wywołanie zwrotne po zakończeniu animacji CSS3?
Czy istnieje sposób na zaimplementowanie funkcji zwrotnej w przypadku animacji css3? W przypadku animacji Javascript jest to możliwe, ale nie można tego zrobić w css3. Jednym ze sposobów, które mogłem zobaczyć, jest wykonanie wywołania zwrotnego po czasie trwania animacji, ale to nie gwarantuje, że zawsze będzie wywoływane zaraz po zakończeniu …


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.