jednej linii - Kurs HTML i CSS
Aktualizacja / System newsów...tzn. najnowsze na początku. Dzięki temu ostatnie wiadomości będą widoczne już na pierwszy rzut oka. UWAGA! Treść newsów musi się znajdować w jednej linijce, tzn. absolutnie niedozwolone jest przełamywanie wiersza klawiszem Enter. Ponadto treść, tytuł ani inne elementy normalnie nie mogą zawierać znaków: "'" (apostrof), "\" (odwrócony ukośnik). Jeżeli musimy ich użyć, należy poprzedzić je dodatkowym znakiem "\" - np. "\'", "\\". Poza tym tytuły newsów nie mogą zawierać znaczników HTML...
Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">...znaki. Na dodatek istnieją widoczne różnice kodowania znaków np. między różnymi wersjami systemu Windows i praktycznie nie da się dobrać jednej działającej metody zapisu tych liter. Dlatego na dzień dzisiejszy najlepszym rozwiązaniem jest nieużywanie polskich znaków w odsyłaczach pocztowych. Przykład <a "mailto, subject, cc, bcc, body"> Odsyłacz pocztowy rozszerzony
- Formularze HTML / Pole tekstowe <input "text">
...żadne dwa pytania w tym samym formularzu nie powinny mieć takiej samej nazwy. Typ "text" jest podstawowym rodzajem pola tekstowego. Ma ono wysokość jednej linii tekstu i określoną długość. Można do niego wpisywać tekst, który później zostanie wysłany wraz z formularzem, jako odpowiedź na zadane pytanie. UWAGA! Wszystkie pola (dowolnego typu), które mają się znaleźć w formularzu, należy umieszczać pomiędzy tymi samymi znacznikami <form> oraz </form> (zobacz: Ramy formularza). Oczywiście w...
Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}...cyfra zero może zostać przekreślona ukośną kreską, aby nie pomylić jej z wielką literą "O" lining-nums albo oldstyle-nums - cyfry leżące na jednej linii albo nieco poprzesuwane w górę i w dół (przypominające ręcznie wypełniane zestawienia np. w starych księgach przychodów i rozchodów) proportional-nums albo tabular-nums - każda cyfra może mieć różną szerokość albo wszystkie cyfry będą tej samej szerokości (dzięki czemu jeśli umieścimy je np. w tabeli z jakimiś danymi, liczby w tej...
- Wykazy CSS / Zawijanie tekstu w wykazie {list-style-position}
...li - pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "pozycja" określa, jak będą zawijane wiersze wykazu, które nie zmieszczą się w jednej linii. Możliwe są tutaj dwa przypadki: outside - wyróżniki na zewnątrz wykazu (domyślnie). Przykład list-style-position: outside Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...Opera 12, Chrome) Układ elastyczny w bloku: selektor { display: flex } Układ elastyczny w linii: selektor { display: inline-flex } Wstawienie jednej z powyższej deklaracji sprawia, że dzieci elementu (znaczniki które bezpośrednio się w nim zawierają), wyznaczonego podanym selektorem [zobacz: Wstawianie stylów], będą układane w nim w sposób elastyczny. Tak tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci układane są elastycznie. Sam kontener nie jest układany...
- Układ elastyczny CSS / Marginesy automatyczne
...automatyczną sprawimy, że wypełni on wolną przestrzeń pozostałą w kontenerze. Dzięki temu w bardzo prosty sposób możemy ustawić kilka bloków w jednej linii - część przy lewej krawędzi, a niektóre przy prawej. Przykład {display: flex, margin-left: auto} blok 1 blok 2 blok 3 margin-left: auto Pytania i odpowiedzi Co oznacza "margin: auto"? W kontekście flexbox, "margin: auto" oznacza, że element zostanie wyśrodkowany wzdłuż osi głównej (głównego kierunku) kontenera. Działa to...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...przykład ramki z tekstem... albo dodać tylko obramowanie z marginesami wewnątrz, ale bez tła: To jest przykład ramki z tekstem... Oczywiście na jednej stronie możemy używać jednocześnie kilku różnie wyglądających ramek z tekstem. W tym celu wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy...