css3
Jak działają Trójkąty CSS?
Jest mnóstwo różnych kształtów CSS na sztuczki CSS-kształty CSS i jestem szczególnie zaskoczony trójkątem:
#triang ... transparent;
border-bottom: 100px solid red;
}
<div id="triangle-up"></div>
Jak i dlaczego to działa?
Zachowaj współczynnik proporcji div za pomocą CSS
Chcę utworzyć div, który może zmieniać swoją szerokość / wysokość w miarę zmiany szerokości okna.
Czy są jakieś reguły CSS3, ... ności od szerokości, przy zachowaniu proporcji ?
Wiem, że mogę to zrobić przez JavaScript, ale wolałbym używać tylko CSS.
Przejścia na wyświetlaczu: właściwość
Obecnie projektuję rodzaj menu rozwijanego CSS "mega dropdown" - w zasadzie zwykłe menu rozwijane tylko dla CSS, ale takie, k ... ucić sobie wyzwanie, aby użyć tylko CSS i myślę, że nadchodzę trochę za krótko.
Wszystkie i wszelkie sugestie mile widziane.
Tworzenie menu w CSS
Jak utworzyć menu, które wygląda tak...
Link do PSD
Nie chcę używać obrazów PSD. Wolałbym używać ikon z jakiegoś pakiet ...
Wersja menu, która używa PSD do generowania obrazów podpowiedzi Narzędzia, a następnie za jego pomocą można znaleźć tutaj .
Media Queries: jak kierować na komputer, tablet i telefon komórkowy?
Przeprowadziłem kilka badań nad zapytaniami o media i nadal nie do końca rozumiem, jak kierować urządzenia o określonych rozm ...
# Desktop
only screen and (min-width:769px)
Jak myślisz, jakie powinny być te "punkty przerwania" dla każdego urządzenia?
Dlaczego w CSS Flexbox nie ma właściwości" justify-items "I" justify-self"?
Rozważmy oś główną i oś poprzeczną pojemnika flex:
... le nie dla flexbox .
Na koniec powtórzę główne pytanie:
Dlaczego nie ma właściwości "justify-items" I "justify-self"?
Jak połączyć obrazek tła i gradient CSS3 na tym samym elemencie?
Jak użyć gradientów CSS3 dla mojego background-color, a następnie zastosować background-image, Aby zastosować jakąś jasną przezroczystą teksturę?
vertical-align z Bootstrap 3
Używam Twittera Bootstrap 3 i mam problemy, gdy chcę wyrównać pionowo dwa div, na przykład - jsfiddle link :
<!-- ... działa. Próbowałem użyć margin-top, aby to naprawić, ale myślę, że nie jest to dobre rozwiązanie dla responsywnego projektu.
Twitter Bootstrap 3: Jak korzystać z zapytań o media?
Używam Bootstrap 3 do tworzenia responsywnego układu, w którym chcę dostosować kilka rozmiarów czcionek w zależności od rozmiaru ekranu.
Jak Mogę używać zapytań o media do tworzenia tego rodzaju logiki?
Używanie CSS dla efektu fade-in przy ładowaniu strony
Czy można użyć przejść CSS, aby umożliwić zanikanie akapitu tekstowego podczas ładowania strony?
Bardzo mi się podoba jak to ... -ms-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
}
Jak można uruchomić Przejście przy obciążeniu?
Tabela HTML o szerokości 100%, z pionowym przewijaniem wewnątrz tbody
Jak mogę ustawić <table> 100% szerokości i umieścić tylko wewnątrz <tbody> pionowego przewijania na pewną wysokoś ... ble-layout, position i wiele więcej rzeczy w tabeli CSS nie działa dobrze ze 100% szerokości tylko ze stałą szerokością w px.
Pionowe centrowanie div wewnątrz innego div
Chcę wyśrodkować div, który jest dodawany wewnątrz innego div.
<div id="outerDiv">
<div id="innerDiv">
& ... e niezależnie od jego wielkości?
Odkryłem, że za pomocą {[6] } można poziomo wyrównać innerDiv do środek./ Align = "left" /
Czy powinienem używać jednostek wartości px lub rem w moim CSS?
Projektuję nową stronę internetową i chcę, aby była kompatybilna z jak największą ilością przeglądarek i ustawień przeglądark ... stnieje wiele różnych opinii, co jest najbardziej pożądaną miarą odległości w CSS, i nie jestem pewien, który jest najlepszy.
Jak ustawić kolory punktorów w listach html ul / LI za pomocą CSS bez użycia obrazów lub znaczników span [duplikat]
To pytanie ma już odpowiedź tutaj:
zmiana koloru punktorów listy HTML bez użycia span
... gt;Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>
CSS
li{
list-style:square;
}
Ustawianie rozmiaru obrazu tła za pomocą CSS?
Czy Można ustawić rozmiar obrazu tła za pomocą CSS?
Chcę zrobić coś takiego:
background: url('bg.gif') top repeat-y;
background-size: 490px;
Ale wydaje się, że to całkowicie złe robić to w ten sposób...
Jak zastosować filtr rozmycia CSS 3 na obrazie tła
Mam plik JPEG, którego używam jako obrazu tła dla strony wyszukiwania i używam CSS, aby go ustawić, ponieważ pracuję w kręgos ... ować filtr do to? Alternatywnie, czy istnieje sposób, aby po prostu wyłączyć rozmycie dla każdego innego elementu na stronie?
Jak wyśrodkować element w pionie i poziomie?
Próbuję wyśrodkować zawartość kart w pionie, ale kiedy dodam styl css display:inline-flex, poziome wyrównanie tekstu znika.
... lt;div id=tabs>
<div>first</div>
<div>second</div>
</div>
</div>
Jak utrzymać dwie div-by-side na tej samej wysokości?
Mam dwie div obok siebie. Chciałbym, aby ich wysokość była taka sama i pozostała taka sama, jeśli jeden z nich zmieni rozmiar ... #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">
Some content!
</div>
</div>
Czysty CSS, aby dopasować rozmiar czcionki do dynamicznej liczby znaków
Wiem, że można to dość łatwo rozwiązać za pomocą Javascript, ale interesuje mnie tylko czyste rozwiązanie CSS.
Chcę mieć sp ... że może to być możliwe poprzez podanie szerokości kontenera w ems i uzyskanie rozmiaru czcionki, aby odziedziczyć tę wartość?
Jak dodać wiele plików czcionek dla tej samej czcionki?
Patrzę na stronę MDC dla reguły @font-face CSS , ale nic nie rozumiem. Mam osobne pliki dla pogrubione, kursywa i pogrubieni ... to coś, czego prawdopodobnie nie chcę. Jak mogę odróżnić przeglądarkę od innych warianty, które mam dla określonej czcionki?