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.

3
Jakie są różnice między podstawą elastyczną a szerokością?
Pojawiły się pytania i artykuły na ten temat, ale o ile mogę powiedzieć, nic rozstrzygającego. Najlepsze podsumowanie, jakie mogłem znaleźć, to Flex-Base pozwala określić początkowy / początkowy rozmiar elementu, zanim cokolwiek innego zostanie obliczone. Może to być wartość procentowa lub bezwzględna. ... co samo w sobie niewiele mówi o zachowaniu …
224 css  flexbox  width 

30
Czcionka Awesome nie działa, ikony wyświetlane jako kwadraty
Próbuję więc stworzyć prototyp strony marketingowej i używam Bootstrap i nowego pliku Font Awesome. Problem polega na tym, że kiedy próbuję użyć ikony, wszystko, co jest renderowane na stronie, to duży kwadrat. Oto jak dołączam pliki do głowy: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> …



17
Kolor tła nie jest wyświetlany w podglądzie wydruku
Próbuję wydrukować stronę. Na tej stronie nadałem tabeli kolor tła. Gdy przeglądam podgląd wydruku w chromie, nie przyjmuje właściwości koloru tła ... Więc wypróbowałem tę właściwość: -webkit-print-color-adjust: exact; ale nadal nie pokazuje koloru. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" …

18
CSS: Obetnij komórki tabeli, ale zmieści się tak bardzo, jak to możliwe
Poznaj Freda. On jest stołem: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> Mieszkanie Freda ma dziwaczny zwyczaj zmieniania rozmiaru, więc nauczył się ukrywać część swoich treści, aby nie przepychać wszystkich innych jednostek i nie pchać salonu pani Whitford w zapomnienie: <table border="1" …

7
Dwa divy obok siebie - Wyświetlacz płynów
Próbuję umieścić dwa div obok siebie i używam do tego następującego CSS. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML jest prosty, dwa lewy i prawy div w otoku otoki. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> Wiele razy …
222 css  html  fluid-layout  fluid 


12
Jak utworzyć łzy w HTML?
Jak utworzyć taki kształt, aby wyświetlał się na stronie internetowej? Nie chcę używać obrazów, ponieważ byłyby rozmyte podczas skalowania Próbowałem z CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Uruchom fragment koduUkryj …
222 html  css  svg  css-shapes 


17
Łącznik w stylu listy HTML
Czy istnieje sposób na utworzenie stylu listy w HTML za pomocą myślnika (tj. - lub - –lub - —) tj <ul> <li>abc</li> </ul> Wyjście: - abc Przyszło mi do głowy zrobić coś takiego li:before { content: "-" };, chociaż nie znam wad tej opcji (i byłbym bardzo zobowiązany do uzyskania …
222 html  css  xhtml  html-lists 

16
Jaka jest różnica między identyfikatorem a klasą?
Jaka jest różnica między <div class="">i <div id="">jeśli chodzi o CSS? Czy można używać <div id="">? Widzę, że różni programiści robią to na dwa sposoby, a ponieważ jestem samoukiem, nigdy tak naprawdę tego nie rozgryzłem.
222 html  css  class  id 


11
Wyśrodkuj zawartość w responsywnym pasku nawigacyjnym bootstrap
Mam problem z wyśrodkowaniem zawartości na pasku nawigacyjnym ładowania początkowego. Używam bootstrap 3. Przeczytałem wiele postów, ale CSS lub użyte metody nie będą działać z moim kodem! Jestem naprawdę sfrustrowany, więc to moja ostatnia opcja. Każda pomoc będzie mile widziana! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- …

4
<zestaw pól> źle zmienia rozmiar; wydaje się mieć nieusuwalny „min-width: min-content”
Problem Mam &lt;select&gt;gdzie jedna z jego &lt;option&gt;wartości tekstowych jest bardzo długa. Chcę &lt;select&gt;zmienić rozmiar, aby nigdy nie był szerszy niż element nadrzędny, nawet jeśli musi odciąć wyświetlany tekst. max-width: 100%powinien to zrobić. Przed zmianą rozmiaru: Co chcę po zmianie rozmiaru: Ale jeśli załadujesz ten przykład jsFiddle i zmienisz szerokość panelu …
221 html  width  fieldset  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.