lewej - Kurs HTML i CSS
Selektory pseudoklas CSS / Domyślne :default...<button type="reset">Wyczyść</button> </div> </form> otrzymamy formularz, w którym domyślne kontrolki mają dodatkowy margines z lewej strony: Opcja 1 Opcja 2 Opcja 3 Wyślij Wyczyść
HTML5 / Pasek postępu <progress>...W takim przypadku przeglądarki mogą wyświetlić na ekranie specjalny animowany pasek postępu, którego pozycja będzie np. przechodzić w kółko z jego lewej na prawą stronę. Przykład <progress> Zobacz przykład: PROGRESS
- Układ elastyczny CSS / Flexbox
...po niej rozbudowane menu nawigacyjne. Niestety w takiej sytuacji nie można było stworzyć prawdziwie elastycznego układu strony, z kolumną menu po lewej stronie, a treścią artykułu zajmującą całą wolną przestrzeń po prawej. Na szczęście CSS3 rozwiązuje ten problem. Nie trzeba już stosować tabelek, pozycji absolutnych ani trików z płynnym układaniem elementów. Dzięki koncepcji układu elastycznego (ang. flexible box layout lub w skrócie: flexbox) dostajemy zaawansowane możliwości...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...jak wyrazy tekstu w akapitach (domyślnie) row-reverse - ułożenie w wierszach w przeciwnym kierunku (w języku polskim będzie to od prawej do lewej krawędzi kontenera) column - ułożenie pionowo w kolumnach (w języku polskim - od góry do dołu) column-reverse - ułożenie pionowo w kolumnach (w języku polskim - od dołu do góry) Polecenie pozwala sterować ułożeniem bloków w sposób podobny do wyrazów w tekście akapitu. Wyrazom jednak nie możemy nadawać rozmiarów, a blokom w układzie...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...przechodziły jeden w drugi na kształt fantazyjnego dywanu lub wzorzystej tkaniny. W tym celu wystarczy zapewnić, aby wszystkie krawędzie wzorku z lewej strony kafelka znajdowały się na tej samej wysokości co po prawej stronie. Analogicznie należy postąpić dla górnej i dolnej krawędzi. Przykładowo, aby stworzyć efekt zeszytu w kratkę, wystarczy przygotować kwadratową grafikę z przecinającymi się liniami w formie krzyżyka. Kafelek nie zawsze jednak musi być kwadratowy. Dla uzyskania efektu...