Informacje o nowych artykułach oraz akcjach edukacyjnych prosto na Twojej skrzynce e-mail!

Kaskadowe arkusze stylów

Resetowanie domyślnych stylów CSS

Zanim rozpoczniemy stylowanie strony internetowej warto zresetować domyślne wartości CSS ustawiane przez przeglądarkę WWW. Jest to o tyle ważne, że tak naprawdę każda przeglądarka internetowa inaczej interpretuje wygląd poszczególnych elementów…

Czytam dalej →

Zaokrąglanie rogów w CSS 3

CSS 3 i HTML 5 na dobre zadomowił się na naszych komputerach. Obecnie można bez większych obaw stosować tą technologię przy budowie stron WWW, a warto bowiem daje nam ona…

Czytam dalej →

Komentarze w kaskadowych arkuszach stylów

Umieszczanie w kodzie strony komentarzy (czyli tekstu, który nie będzie z żaden sposób interpretowany przez przeglądarkę) jest korzystne z kilku powodów. Jednym z nich jest tworzenie prostej dokumentacji – chodzi…

Czytam dalej →

Formatowanie tabel za pomocą CSS

Za pomocą kaskadowych arkuszy stylów można kontrolować wygląd tabel. Poniższa tabela pokazuje, które właściwości CSS odpowiadają poszczególnym atrybutom znaczników Cel Atrybut tabeli Właściwości CSS Obramowanie border właściwości border Odstęp wewnątrz komórki…

Czytam dalej →

Trzy sposoby na definiowanie stylów CSS

Aby zdefiniować styl CSS na stronie WWW należy użyć jednego z trzech sposobów, które opisane zostały poniżej. Zapis lokalny <selektor style="właściwość: wartość">…</selektor> Zapis lokalny ma pierwszeństwo przed arkuszami stylów umieszczanych…

Czytam dalej →

Jednostki w arkuszach stylów

Właściwości arkuszy stylów obsługują szeroki zakres jednostek, które zaprezentowane są w poniższej tabeli. Jednostka Opis px Piksel jest najmniejszą adresowalną jednostką na ekranie komputera i w innych urządzeniach. pt Punkty…

Czytam dalej →

Menu w formie zakładek

Często spotykanym rozwiązaniem w projektowaniu menu strony jest tworzenie go w formie zakładek. Poniższe menu składa się z nieuporządkowanej listy ułożonej poziomo. <!DOCTYPE html> <html> <head> <title> Menu w formie…

Czytam dalej →

Zmiana wyglądu kursora

Istnieje kilka stylów kursora. W poniższej tabeli zostały one zaprezentowane. Styl CSS Przykład selektor { cursor: crosshair } selektor { cursor: pointer } selektor { cursor: move } selektor { cursor: e-resize } selektor { cursor: n-resize } selektor { cursor: ne-resize } selektor { cursor: nw-resize } selektor { cursor: text } selektor { cursor: wait } selektor { cursor: default } selektor { cursor: help }

Czytam dalej →

Pin It on Pinterest