Przejdź do treści

Co to znaczy CSS? - Kurs HTML i CSS

  • CSS
    Selektory pseudoklas / Wskazanie myszką :hover

    ...w CSS. Na przykład: a:hover { color: green; }. To spowoduje, że kolor linku zmieni się na zielony, gdy użytkownik najedzie na niego myszką. Co znaczy :HOVER w CSS? :hover to pseudoklasa w CSS, która jest aktywowana, gdy użytkownik najedzie na element myszką. Można ją wykorzystać do definiowania stylów dla efektów wizualnych podczas interakcji z elementami, takimi jak zmiana koloru linku po najechaniu.

  • CSS
    Czcionki / Wariant liczb czcionki {font-variant-numeric}

    ...znaków spacji, więc przeglądarka nie może odpowiednio dopasować przerw między nimi. Jeżeli widzisz cyfry wyrównane we wszystkich kolumnach, znaczy to, że Twoja przeglądarka radzi sobie z tym lepiej. I na koniec dla porównania ten sam tekst, ale w ogóle bez użycia font-variant-numeric: 1 1 1 1 1 11111 9 9 9 9 9 99999

  • CSS
    Czcionki / Wariant pozycji czcionki {font-variant-position}

    ...wysokość linii się nie zmienia - zobacz ramkę wokół poniższego tekstu (jeśli nie widzisz indeksu dolnego i górnego przy cyfrach 2, znaczy to, że Twoja przeglądarka nie obsługuje wariantu pozycji czcionki): H2O mc2 Dla porównania tak wygląda tekst po użyciu standardowych znaczników <sub>...</sub> i <sup>...</sup> - zwróć uwagę, że tym razem wysokość linii jest większa: H2O mc2

  • CSS
    Tekst / Tryb pisania {writing-mode}

    ...opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.

  • CSS
    Dziedziczenie stylów / Wymuszenie dziedziczenia {...: inherit}

    ...formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów jest domyślnym zachowaniem w języku CSS. To znaczy nie trzeba nic robić, żeby z niego skorzystać - zostanie ono zastosowane automatycznie. Dopiero kiedy wybranemu elementowi przypiszemy jakiś styl, nie odziedziczy on go po swoich przodkach (czyli znacznikach, wewnątrz których się znajduje). A co jeśli się rozmyślimy i jednak będziemy chcieli skorzystać z dziedziczenia? Odpowiedź wydaje się...

  • CSS
    Tekst / Orientacja tekstu {text-orientation}

    ...opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.

  • CSS
    CSS dla zielonych / Edytory CSS

    ...edytora do tworzenia stylów CSS - np.: TopStyle Lite (darmowy) Balthisar Cascade (darmowy) Cascade DTP (darmowy) Pytania i odpowiedzi Co to znaczy CSS? CSS to skrót od Cascading Style Sheets - czyli Kaskadowe Arkusze Stylów. Jest to język komputerowy służący do ustalania wyglądu stron internetowych. Arkusz stylów CSS jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, układu strony i inne. W czym pisać CSS? Arkusz stylów CSS jest...

  • CSS
    Pozycjonowanie / Pozycja relatywna {position: relative}

    ...parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej), natomiast top ma pierwszeństwo przed bottom. To znaczy jeśli np. podamy: left: 1cm; top: 2cm; right: 3cm; bottom: 4cm, to wartości right oraz bottom zostaną zignorowane. Polecenie pozycjonowania relatywnego (względnego) pozwala przesunąć wybrany element w dowolną stronę względem jego położenia spoczynkowego, czyli pozycji gdy nie używamy żadnego pozycjonowania. Jeśli w miejscu gdzie ma być...

  • CSS
    Pozycjonowanie / Widzialność {visibility}

    ...fakt, że przykładowa tabela z "visibility: collapse" nie powinna wyglądać tak samo jak "visibility: hidden" - jeżeli wyglądają identycznie, to znaczy że Twoja przeglądarka nieprawidłowo interpretuje to polecenie. visibility: collapse na innym elemencie (obrazek z przykładu na samym początku) - zachowanie powinno być identyczne, jak dla "visibility: hidden": visibility: collapse visibility: collapse

  • Strona
    Kontakt

    ...problemami dotyczącymi tworzenia stron WWW, skieruj się od razu na koniec tej strony - znajdziesz tam mój adres e-mail... Skoro to czytasz, znaczy że jednak masz problem i chcesz się z nim zwrócić do mnie. Niestety liczba listów e-mail, dotyczących problemów z tworzeniem stron WWW, która codziennie do mnie trafia, przekracza moje możliwości udzielenia na nie odpowiedzi. Każdy taki problem wymaga odrębnego rozpatrzenia. Zajmuje to na tyle dużo czasu, że skutecznie wstrzymywało np...

« 1 2

★★★★★ 5/5 (209)

Facebook