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.

2
Dlaczego kolejność zapytań o media ma znaczenie w CSS?
Ostatnio projektuję witryny, które są bardziej responsywne i często korzystam z zapytań o media CSS. Zauważyłem, że kolejność definiowania zapytań o media ma znaczenie. Nie testowałem tego w każdej przeglądarce, ale tylko w Chrome. Czy istnieje wytłumaczenie tego zachowania? Czasami jest to frustrujące, gdy witryna nie działa tak, jak powinna …
6
Zamów kolumny przez Bootstrap4
Mam 3 kolumny, które chcę zamówić na różne sposoby na komputerze i telefonie komórkowym. Obecnie mój gird wygląda tak: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Uruchom fragment koduHide resultsRozwiń fragment W widoku mobilnym chcę mieć następujące dane wyjściowe: …
80 css  bootstrap-4  grid 
7
Falisty kształt z CSS
Próbuję odtworzyć ten obraz za pomocą CSS: Nie potrzebowałbym tego powtarzać. To jest to, co zacząłem, ale ma tylko prostą linię: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Uruchom fragment koduHide resultsRozwiń fragment
80 css  css-shapes 
10
Odśwież / przeładuj zawartość w Div przy użyciu jquery / ajax
Chcę ponownie załadować element DIV po kliknięciu przycisku. Nie chcę przeładowywać całej strony. Oto mój kod: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> Po kliknięciu <input type="button" id="getCameraSerialNumbers" value="Capture Again">przycisku <div id="list">....</div>powinien załadować się ponownie …
80 javascript  jquery  html  css  ajax 
5
Przycisk Bootstrap 3.0 na pasku nawigacyjnym
Zaktualizowałem teraz bootstrap 3.0. Znacznik „a”, który wygląda jak btn (przy pomocy klasy .btn) jest zniszczony na navbar. <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> Ale to nie działa poprawnie. Myślę, że Bootstrap zmienił system.
2
Jak ustawić szerokość div za pomocą stylu ng
Próbuję ustawić szerokość div dynamicznie, ng-styleale nie stosuję stylu. Oto kod: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> Kontroler: var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); czego mi brakuje? Fiddle link: Fiddle
7
Wygeneruj powtarzający się wzór sześciokątny za pomocą CSS3
Muszę więc stworzyć powtarzający się sześciokątny wzór, używając CSS. Jeśli potrzebne są obrazy, mogę tam wejść, ale wolałbym po prostu użyć CSS, jeśli to możliwe. Oto pomysł na to, co próbuję stworzyć: Po prostu potrzebuję sposobu na utworzenie sześciokątnych kształtów, a następnie nałożenie na nie tekstu / obrazów. Nie mam …
79 html  css  css-shapes 
13
Wyrównanie radia / pola wyboru w HTML / CSS
Jaki jest najczystszy sposób na prawidłowe wyrównanie przycisków opcji / pól wyboru z tekstem? Jedyne niezawodne rozwiązanie, z którego do tej pory korzystałem, to tabelaryczne: <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> Niektórzy mogą na to patrzeć. Właśnie spędziłem trochę czasu …
9
CSS: przymocowany do dołu i wyśrodkowany
Chcę, aby moja stopka była przymocowana do dołu strony i wyśrodkowana. Zawartość stopki może się zmieniać w dowolnym momencie, więc nie mogę po prostu wyśrodkować jej przez margin-left: xxpx; margin-right: xxpx; Problem w tym, że z jakiegoś powodu to nie działa: #whatever { position: fixed; bottom: 0px; margin-right: auto; margin-left: …
14
Zdefiniowane krawędzie z rozmyciem filtra CSS3
Ten kod zamazuje niektóre obrazy img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } Jednak krawędzie obrazu również ulegają rozmyciu. Czy można rozmazać obraz, zachowując zdefiniowane krawędzie? Jak wstawka, czy coś?
79 css 
3
Zastosuj styl do komórek pierwszego rzędu
To powinno być bardzo proste, ale nie mogę tego rozgryźć. Mam taki stół: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> Chcę, aby tdtagi pierwszego trrzędu miały vertical-align. Ale nie w drugim rzędzie. .category_table td{ vertical-align:top; }
4
Wyśrodkuj DIV nierównomiernie za pomocą CSS
Centruję DIV wewnątrz innego DIV za pomocą Flexboksa. Pomyśl o oknie dialogowym, które pojawia się na środku ekranu w razie potrzeby. Działa dobrze, jednak wyglądałoby to znacznie lepiej, gdyby przestrzeń powyżej i poniżej okna dialogowego nie była dokładnie równa, mając 40% pozostałej przestrzeni powyżej i 60% poniżej okna dialogowego. Jest …
23 html  css  flexbox  centering 
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.