inline - Kurs HTML i CSS

Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...o tej dodatkowej modyfikacji, co sprawi, że strona taka będzie różniła się wyglądem od innych. W wewnętrznym arkuszu wybranej strony lub w stylu inline można umieścić przedstawione powyżej polecenie. Możemy wtedy bez przeszkód dołączyć zewnętrzny arkusz i nie musimy za każdym razem oddzielnie modyfikować takiej strony. Jak widać drugi sposób jest znacznie korzystniejszy. Dodatkowo istnieją sytuacje, gdy pierwsza metoda jest wręcz niemożliwa do zastosowania, np. w przeglądarkach odsyłacze...
Selektory specjalne CSS / Klasy selektorów <... class>
...na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo nie można dla nich posłużyć się selektorem typu, ponieważ na stronie znajdują się inne znaczniki tego...
Rozmiary CSS / Blok obejmujący CSS
...innych elementów, które mają ustalone pozycjonowanie relatywne lub statyczne blok obejmujący jest tworzony przez najbliższy blok, komórkę tabeli lub inline-block będący przodkiem dla danego elementu. Jeśli element jest pozycjonowany w sposób ustalony, blok obejmujący wyznacza okno przeglądarki. Jeśli element jest pozycjonowany absolutnie, blok obejmujący jest wyznaczony przez najbliższego przodka z pozycjonowaniem absolutnym, relatywnym lub ustalonym w następujący sposób: Jeśli przodek jest...
Rozmiary CSS / Szerokość {width}
...jako "szerokość" należy podać wartość szerokości, jaką ma mieć dany element (używając jednostek długości). Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną szerokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {width} To jest akapit o szerokości 30% (width: 30%). To jest wykaz o szerokości 5em (width: 5em): Punkt pierwszy Punkt drugi To jest tabela o szerokości 100px (width: 100px) Poniżej widać...
Pozycjonowanie CSS / Pozycja statyczna {position: static}
...deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static} Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka: h1 { position: relative; left: 50% } to teraz wszystkie tytuły h1 byłyby pozycjonowane względnie...
Reguły warunkowe CSS / Zapytania właściwości @supports
...tylko operatory tego samego typu. Sama testowana właściwość również zawsze musi być umieszczona w nawiasie. @supports ((display: flex) or (display: inline-flex)) and (order: -1) { /* ... */ } @supports (display: flex) or ((display: inline-flex) and (order: -1)) { /* ... */ } Przy okazji zwracam uwagę, że dwa umieszczone powyżej warunki, znaczą zupełnie co innego. W ramach ćwiczenia zostawiam czytelnikowi zadanie wyjaśnienia, w jakiej sytuacji zostanie zastosowana pierwsza, a w...
Komendy CSS3 / Fragmentacja CSS
...Media visual orphans Samotne linijki na dole Wartość <integer> Inicjalizacja 2 Zastosowanie elementy blokowe zawierające tekst lub elementy inline Dziedziczenie tak Procenty nie Media visual widows Samotne linijki na górze Wartość <integer> Inicjalizacja 2 Zastosowanie elementy blokowe zawierające tekst lub elementy inline Dziedziczenie tak Procenty nie Media visual
Tekst HTML / Indeks górny i dolny <sup, sub>
...w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A12.
HTML5 / Nowe elementy HTML5
...figure, footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja może mieć nagłówek...
Rozmiary CSS / Maksymalna wysokość {max-height}
...Natomiast jako "wartość" należy podać wartość maksymalnej dozwolonej wysokości, jaką może mieć element. Polecenie nie odnosi się do elementów inline! Przykład {max-height} Ten obrazek powinien mieć wysokość maksymalną 20px (max-height: 20px):

« 1 2 3 4 5 »