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.

8
Zachowaj proporcje obrazu podczas zmiany wysokości
Używając modelu CSS flex box, jak zmusić obraz do zachowania proporcji? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Zwróć uwagę, że obrazy rozciągają się lub kurczą, aby wypełnić szerokość pojemnika. W porządku, ale czy możemy też rozciągnąć lub zmniejszyć wysokość, aby zachować proporcje obrazu? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img …
114 html  css  flexbox 
5
Niestandardowy kolor obramowania trójkąta CSS
Próbuję użyć niestandardowego koloru szesnastkowego dla mojego trójkąta CSS (obramowania). Jednak ponieważ używa właściwości granicznych, nie jestem pewien, jak to zrobić. Chciałbym omijać javascript i css3 tylko ze względu na kompatybilność. Staram się, aby trójkąt miał białe tło z obramowaniem 1px (wokół ściętych boków trójkąta) w kolorze # CAD5E0. czy …
114 css  border  css-shapes 
8
jak usunąć przerywaną linię wokół klikniętego elementu w html
Zauważyłem, że jeśli na stronie jest alink, który nie prowadzi do nowej strony, to po kliknięciu go przez użytkownika pojawi się kropkowana linia wokół elementu, zniknie tylko wtedy, gdy użytkownik kliknie cokolwiek innego na stronie, jak usunąć to? Przykład: Zwróć uwagę na przerywaną linię wokół elementu Section 2.
114 html  css 
11
Znak Unicode jako punktor dla elementu listy w CSS
Na przykład muszę użyć symbolu gwiazdki (★) jako punktora dla pozycji listy. Przeczytałem moduł CSS3: Listy , który opisuje, jak używać niestandardowego tekstu jako punktorów, ale nie działa dla mnie. Myślę, że przeglądarki po prostu nie obsługują ::markerpseudoelementu. Jak mogę to zrobić bez używania obrazów?
114 html  css  html-lists 
8
Zmienić kolor tekstu na podstawie jasności zakrytego obszaru tła?
Już od jakiegoś czasu myślałem o następujących kwestiach, więc teraz chcę poznać Twoje opinie, możliwe rozwiązania i tak dalej. Szukam wtyczki lub techniki, która zmienia kolor tekstu lub przełącza się między wstępnie zdefiniowanymi obrazami / ikonami w zależności od średniej jasności pokrytych pikseli obrazu tła lub koloru jego rodzica. Jeśli …
114 javascript  jquery  html  css  sass 
5
Wybierz pierwszy występujący element po innym elemencie
Mam następujący kod HTML na stronie: <h4>Some text</h4> <p> Some more text! </p> W moim .cssmam następujący selektor do stylizacji h4elementu. Powyższy kod HTML to tylko niewielka część całego kodu; jest jeszcze kilka divs owiniętych wokół przynależności do shadowboxa: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : …
114 html  css  css-selectors 
4
Co to jest selektor myszy w CSS?
Zauważyłem, że przyciski i inne elementy mają domyślną stylizację i zachowują się w 3 krokach: widok normalny, widok najechania / skupienia i widok myszy / kliknięcia, w CSS mogę zmienić stylizację widoku normalnego i widoku po najechaniu w następujący sposób: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } ale jak …
114 html  css  css-selectors 
13
Jak zmienić rozmiar obrazu, aby zmieścił się w oknie przeglądarki?
Wydaje się to trywialne, ale po wszystkich badaniach i kodowaniu nie mogę zmusić go do pracy. Warunki są następujące: Rozmiar okna przeglądarki jest nieznany. Dlatego prosimy nie proponować rozwiązania obejmującego bezwzględne rozmiary pikseli. Oryginalne wymiary obrazu są nieznane i mogą, ale nie muszą, już pasować do okna przeglądarki. Obraz jest …
114 html  css 
8
CSS „i” i „lub”
Mam dość duży problem, ponieważ muszę wykluczyć ze stylizacji niektórych typów danych wejściowych. Miałem coś takiego: .registration_form_right input:not([type="radio") { //Nah. } Ale nie chcę też stylizować pól wyboru. Próbowałem: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Jak używać &&? Będę musiał użyć ||wkrótce i …
4
Bootstrap 4: Rozwijane menu pojawia się po prawej stronie ekranu
Nie mogę sprawić, by rozwijane elementy nie znikały ze strony. Wypróbowałem kilka rzeczy z BS3, ale wydaje się, że nie działają. Nie jestem pewien, czy to z powodu ml-auto. (zignoruj ​​instrukcje if-else) Oto CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" …
2
Sprawianie, że element elastyczny płynie w prawo
mam <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> Rodzic ma .parent { display: flex; } W przypadku mojego pierwszego dziecka chcę po prostu przesunąć przedmiot w prawo. I inne moje elementy div zgodnie z regułą flex ustawioną przez rodzica. Czy to jest możliwe? Jeśli …
114 html  css  flexbox 
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.