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.

10
Układ tabeli CSS: dlaczego wiersz tabeli nie akceptuje marginesu?
.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …
99 html  css 

29
Niesamowita czcionka nie wyświetla ikony
Używam Font Awesome i nie chcę dodawać CSS z HTTP. Pobrałem Font Awesome i umieściłem go w swoim kodzie, ale Font Awesome pokazuje obramowane kwadratowe pole zamiast ikony. Oto mój kod: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i …
99 html  css  font-awesome 

6
: pierwsze dziecko nie działa zgodnie z oczekiwaniami
Próbuję wybrać pierwszą h1wewnątrz a divz klasą o nazwie detail_container. Działa, jeśli h1jest pierwszym elementem w tym div, ale jeśli pojawi się później ul, nie zadziała. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> Miałem …

13
Jak umieścić odstępy między elementami TBODY
Mam taki stół: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> Chciałbym umieścić odstępy między każdym elementem tbody, ale dopełnienie i marginesy nie mają wpływu. Jakieś pomysły?
99 html  css 

7
Usuń całą stylizację przycisku / przesyłania HTML
Czy istnieje sposób na całkowite usunięcie stylu przycisku w przeglądarce Internet Explorer? Używam sprite'a css dla mojego przycisku i wszystko wygląda dobrze. Ale kiedy klikam przycisk, przesuwa się on trochę na górę, przez co wygląda na to, że nie ma kształtu. Czy występuje stan kliknięcia CSS lub przycisk myszy? Nie …

3
Absolute i Flexbox w React Native
Chciałbym umieścić biały pasek, który zajmowałby całą szerokość u dołu ekranu. W tym celu pomyślałem o zastosowaniu absolutepozycjonowania z odziedziczonymi flexboxparametrami. Z następującego kodu renderuje coś jak ten . Oto mój kod: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); …

12
Jak sprawić, by <label> i <input> pojawiały się w tym samym wierszu w formularzu HTML?
Tworzę formularz rejestracyjny na stronę internetową. Chcę, aby każda etykieta i odpowiadający jej element wejściowy pojawiały się w tym samym wierszu. Oto mój kod: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times …
99 html  css  forms 

12
pobierz wartość procentową reguły CSS w jQuery
Powiedzmy, że reguła jest następująca: .largeField { width: 65%; } Czy istnieje sposób, aby jakoś odzyskać „65%”, a nie wartość piksela? Dzięki. EDYCJA: Niestety używanie metod DOM jest zawodne w moim przypadku, ponieważ mam arkusz stylów, który importuje inne arkusze stylów, w wyniku czego parametr cssRules kończy się wartością null …
98 jquery  css 



6
Kwiat paradoksu z indeksem CSS
Chciałbym stworzyć paradoksalny efekt poprzez właściwość z-index CSS . W moim kodzie mam pięć okręgów, jak na poniższym obrazku, i wszystkie one są absolutnie ustawione bez zdefiniowania z-index. Dlatego domyślnie każde koło nakłada się na poprzednie. W tej chwili okrąg 5 zachodzi na okrąg 1 (lewy obraz). Paradoks, który chciałbym …
98 css  z-index 

5
Co robi gwiazdka (*) w selektorze CSS?
Znalazłem ten kod CSS i uruchomiłem go, aby zobaczyć, co robi, i nakreślił KAŻDY element na stronie, Czy ktoś może wyjaśnić, co robi Asterisk * w CSS? &lt;style&gt; * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted …

7
css z-index utracony po przekształceniu webkita translate3d
Mam dwa absolutnie ustawione elementy div, które się nakładają. Oba mają ustawione wartości indeksu z za pośrednictwem css. Używam translate3dWebKit przekształcić animowanie tych elementów z ekranu, a następnie z powrotem na ekran. Po transformacji elementy nie przestrzegają już ustalonych z-indexwartości. Czy ktoś może wyjaśnić, co dzieje się z kolejnością Z-index …
98 css  webkit  transform 

1
Dlaczego Bootstrap 3 przeszedł na box-size: border-box?
Migruję moje motywy Bootstrap z wersji 2.3.2 do wersji 3.0.0 i zauważyłem, że wiele wymiarów jest obliczanych inaczej, ze względu na następujące style w pliku bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Czy ktoś może wyjaśnić, dlaczego Bootstrap zmienia rozmiar wszystkich elementów na border-box? Podejrzewam, …

15
Jak utworzyć przycisk przełączania?
Chcę utworzyć przycisk przełączania w html za pomocą CSS. Chcę, żeby po kliknięciu pozostał wepchnięty, a po ponownym kliknięciu wyskoczył. Jeśli nie ma sposobu, aby to zrobić, po prostu używając css. Czy jest sposób, aby to zrobić za pomocą jQuery?
98 jquery  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.