zrobić - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type...terminów (DT) i definicji tych terminów (DD). Chcielibyśmy zmienić sposób formatowania tylko pierwszej definicji listy. Oczywiście można to zrobić nadając mu klasę. Nie jest to jednak najlepsze rozwiązanie, ponieważ niepotrzebnie zwiększa rozmiar dokumentu, a przy tym jeśli w przyszłości zrezygnujemy z takiego formatowania (lub jedna ze skórek nie będzie go wymagać), zbędna klasa zacznie zaśmiecać kod. Jednocześnie nie możemy się posłużyć selektorem pierwszego dziecka, gdyż pierwszym...
Zareklamuj się tutaj za darmo...głównej Kursu HTML! Wystarczy, że umieścisz u siebie poniższy obrazek (wraz z linkiem): Nie trzeba kopiować żadnego pliku. Jedyne co musisz zrobić, to wkleić na swojej stronie następujący kod: <a href="https://www.kurshtml.edu.pl"><img src="https://www.kurshtml.edu.pl/reklama/button.gif" alt="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" style="border: 0; width: 88px; height: 31px"></a> Możliwa jest...
- Selektory pseudoklas CSS / Negacja :not
...w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy zmienić kolor całego tekstu na stronie z wyjątkiem np. tabelek. Moglibyśmy to zrobić, przypisując najpierw określony kolor całemu tekstowi, a następnie przywracając kolor domyślny wszystkim tabelom. Łatwiej będzie jednak takie działanie połączyć w pojedynczym selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej złożonymi selektorami - np. pokolorować wszystkie wiersze tabeli z...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...100 podstron z artykułami. Na każdej podstronie zostało wstawione menu nawigacyjne. Jeśli teraz zechcesz zmienić jego wygląd, co będzie lepiej zrobić: modyfikować ręcznie 100 plików, czy dokonać zmiany tylko w jednym - zewnętrznym arkuszu stylów? No dobrze, stronę można wykonać w technologii ramkowej lub korzystając ze skryptów na serwerze, takich jak PHP - wtedy również będzie wystarczyło zmienić tylko jeden plik. Są jednak przynajmniej dwa dodatkowe powody, dla których czyste...
- Menu w CSS / Pionowe menu
...w menu zgodnie z normalnym formatowaniem listy, czyli w pionie. Domyślny sposób prezentacji oczywiście nie jest zadowalający. Pierwsze co musimy zrobić, to usunąć wyróżniki punktów wykazu (tzw. markery) oraz zniwelować niepotrzebny margines z lewej strony: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } W efekcie uzyskamy: Czcionki Tekst Tło Marginesy Obramowanie W niektórych przeglądarkach nie jest konieczne wstawienie wszystkich powyższych...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...Aby podzielić stronę HTML na kolumny za pomocą właściwości CSS column-count, należy przypisać liczbę kolumn do odpowiedniego kontenera. Jak zrobić dwie kolumny tekstu w HTML? Aby stworzyć dwie kolumny tekstu w HTML przy użyciu właściwości CSS column-count, można przypisać wartość 2 do liczby kolumn. Na przykład: .tekst { column-count: 2 }.
- Drukowanie CSS / Kontekst strony @page
...na wydruku, użytkownik musi przestawić je ręcznie w swojej przeglądarce - najczęściej w menu: Drukuj Ctrl+P). Nie wszyscy jednak potrafią to zrobić. Na szczęście możemy już w CSS wskazać wielkość marginesów na wydruku zgodnie z naszym uznaniem. Przykład @page Ustawienie marginesów strony na wydruku: @page { margin: 1cm; }
HTML5 / Nagłówek <header>...1.1 (zawiera akapit: "Akapit podsekcji 1.1") Podsekcja 1.2 (zawiera akapit: "Akapit podsekcji 1.2") Pytania i odpowiedzi <header> Jak zrobić nagłówek w stronie HTML? Często na początku artykułów na stronach internetowych można zaobserwować specjalnie wyróżniony fragment będący streszczeniem albo krótkim wprowadzeniem do właściwej treści. Taki nagłówek artykułu powinno się umieszczać wewnątrz znacznika <header>...</header>. Czy HEADER to znacznik sekcji? Chociaż element...
- HTML5 / Sekcja <section>
...które przy tym zawierają nawet jawne nagłówki. Dlatego użycie tutaj znacznika DIV nie byłoby prawidłowe. Pytania i odpowiedzi <section> Jak zrobić sekcję w HTML? Sekcja dokumentu to tematyczna grupa treści, zwykle zawierająca nagłówek. Aby wstawić najprostszą sekcję w pliku HTML5, wystarczy objąć jej zawartość znacznikiem <section>...</section>. Kiedy DIV a kiedy SECTION? Znacznika DIV używamy, kiedy chcemy zmienić wygląd treści lub elementów, które się wewnątrz niego...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...pozwala ustawić w różny sposób każdy z elementów kontenera elastycznego. Jeżeli jednak wszystkie mają być wyrównane tak samo, korzystniej będzie zrobić to dla nich wspólnie. Pytania i odpowiedzi {align-items} Co robi "align-items"? W kontekście flexbox CSS, właściwość align-items służy do określenia, jak elementy mają być wyśrodkowane wzdłuż osi poprzecznej (prostopadłej do głównej osi). Możliwe wartości to "flex-start" (domyślne, wyśrodkowanie u góry), "flex-end" (wyśrodkowanie u...