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.


7
Jak mogę wykonać skalę SVG za pomocą kontenera nadrzędnego?
Chcę mieć skalę zawartości wbudowanego elementu svg, gdy rozmiar nie jest rodzimy. Oczywiście mógłbym go mieć jako osobny plik i skalować w ten sposób. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Chcę jednak dodać dodatkowe style do SVG poprzez CSS, więc połączenie zewnętrznego nie jest opcją. Jak …
235 css  html  svg  scaling 

6
Chrome / Safari nie wypełnia 100% wysokości flex rodzica
Chcę mieć menu pionowe o określonej wysokości. Każde dziecko musi wypełnić wysokość rodzica i mieć wyśrodkowany tekst. Liczba dzieci jest losowa, więc muszę pracować z wartościami dynamicznymi. Div .containerzawiera losową liczbę dzieci ( .item), które zawsze muszą wypełnić wysokość rodzica. Aby to osiągnąć, użyłem Flexboksa. Do tworzenia linków z tekstem …

12
Jak mogę przesłonić style Bootstrap CSS?
Muszę zmodyfikować, bootstrap.cssaby pasowała do mojej witryny. Wydaje mi się, że lepiej jest utworzyć osobny custom.cssplik zamiast modyfikować bootstrap.cssbezpośrednio. Jednym z powodów jest to, że powinienem bootstrap.cssotrzymać aktualizację. Będę cierpieć z powodu próby ponownego włączenia wszystkich moich modyfikacji. Poświęcę trochę czasu ładowania dla tych stylów, ale jest to nieistotne dla …

9
zmień kursor na wskaźnik palca
Mam to ai nie wiem, że muszę wstawić do „onmouseover”, aby kursor zmienił się w wskaźnik palca jak zwykły link: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Przeczytałem gdzieś, co muszę umieścić: onmouseover="cursor: hand (a pointing hand)" Ale to nie działa dla mnie. Ponadto nie jestem pewien, czy jest to uważane …
234 html  css  mouseevent 

10
Jak wyśrodkować iframe w poziomie?
Rozważ następujący przykład: ( demo na żywo ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Wynik: Dlaczego iframenie jest centralnie wyrównany jak div? Jak mogę centralnie to wyrównać?

3
CSS, aby ustawić rozmiar papieru A4
Muszę zasymulować papier A4 w Internecie i pozwolić na wydrukowanie tej strony, tak jak jest wyświetlana w przeglądarce (konkretnie Chrome). Ustawiam rozmiar elementu na 21 cm x 29,7 cm, ale kiedy wysyłam do wydruku (lub podgląd wydruku), przycina moją stronę. Zobacz ten przykład na żywo ! body { margin: 0; …

8
Zastosuj styl CSS do elementów potomnych
Chcę zastosować style tylko do tabeli wewnątrz DIV z określoną klasą: Uwaga: wolę użyć selektora css dla elementów potomnych. Dlaczego nr 1 działa, a nr 2 nie? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: <html> <head> …
232 css  css-selectors 


9
Rozmiar wejściowy a szerokość
<input name="txtId" type="text" size="20" /> lub <input name="txtId" type="text" style="width: 150px;" /> Który kod jest optymalny dla różnych przeglądarek? Oczywiście zależy to od wymagań, ale jestem ciekawy, jak ludzie decydują i na jakiej podstawie.
231 html  css 

29
Tabela HTML ze stałymi nagłówkami?
Czy istnieje technika CSS / JavaScript dla różnych przeglądarek, która wyświetla długą tabelę HTML, tak aby nagłówki kolumn pozostały nieruchome na ekranie i nie przewijały się wraz z treścią tabeli. Pomyśl o efekcie „zamrożenia okien” w programie Microsoft Excel. Chcę móc przewijać zawartość tabeli, ale zawsze widzieć nagłówki kolumn u …

14
Jak wyśrodkować tekst pionowo za pomocą dużej ikony niesamowitej czcionki?
Powiedzmy, że mam przycisk bootstrap z niesamowitą czcionką ikoną i tekstem: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Jak sprawić, by tekst wyglądał na wyśrodkowany w pionie? Tekst jest teraz wyrównany do dolnej krawędzi ikony: http://jsfiddle.net/V7DLm/1/ EDYCJA: Mam możliwe rozwiązanie : http://jsfiddle.net/CLdeG/1/, ale wydaje się nieco hacky - wprowadza …
231 html  css  font-awesome 

15
Jak stworzyć cień tylko po jednej stronie elementu?
Czy istnieje sposób, aby zrzucić cień tylko na spód ?. Mam menu z 2 obrazkami obok siebie. Nie chcę odpowiedniego cienia, ponieważ nakłada się on na właściwy obraz. Nie lubię do tego używać obrazów, więc istnieje sposób, aby upuścić go tylko na dole, na przykład: box-shadow-bottom: 10px #FFF; lub podobne? …
230 css 

13
CSS dwa div obok siebie
Chcę umieścić dwa <div>s obok siebie. Po prawej <div>jest około 200 pikseli; a lewa strona <div>musi wypełnić resztę szerokości ekranu? W jaki sposób mogę to zrobić?
230 html  css 

9
Selektor CSS3: pierwszy typ z nazwą klasy?
Czy można użyć selektora CSS3, :first-of-typeaby wybrać pierwszy element o danej nazwie klasy? Mój test się nie powiódł, więc myślę, że nie? Kod ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> …
230 css  css-selectors 

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.