Podstawowy kurs CSS

Wymagane podstawowe umiejętności

Przed kontynuowaniem nauki, musisz mieć podstawową wiedzę na temat poniższych tematów:

  • HTML
  • XHTML

Jeśli chcesz najpierw nauczyć się tych projektów, proszę Strona główna Odwiedź związane tutoriale.

Przegląd CSS
  • CSS oznacza kaskadowe style CSS (Cascading Style Sheets)
  • Definicje stylówJak wyświetlać elementy HTML
  • Styl通常是 przechowywane wArkusze stylóww
  • Dodanie stylów do HTML 4.0 miało na celuRozwiązuje problem oddzielenia treści od prezentacji
  • Zewnętrzne arkusze stylówmoże znacznie zwiększyć efektywność pracy
  • Zewnętrzne arkusze stylów są zwykle przechowywane w plikach CSSw
  • Wiele definicji stylów możeKaskadoweNa przykład

Styl rozwiązuje powszechny problem

Etykiety HTML pierwotnie były zaprojektowane do definiowania treści dokumentu. Dzięki użyciu takich etykiet jak <h1>, <p>, <table>, HTML był pierwotnie oczekiwany, aby wyrażać informacje takie jak „to jest tytuł”, „to jest akapit”, „to jest tabela”. Wygląd dokumentu był oczekiwany, aby być wykonywany przez przeglądarkę, bez użycia jakichkolwiek etykiet formatujących.

Ponieważ dwa główne przeglądarki (Netscape i Internet Explorer) stale dodają nowe etykiety HTML i atrybuty (np. etykiety czcionek i atrybuty koloru) do specyfikacji HTML, tworzenie stron internetowych z jasno zdefiniowaną treścią niezależną od warstwy prezentacji staje się coraz trudniejsze.

Aby rozwiązać ten problem, W3C, ten niekomercyjny związek standardyzacyjny, podjął misję standaryzacji HTML i opracował STYLES (style) poza HTML 4.0.

Wszystkie główne przeglądarki obsługują kaskadowe style CSS.

Stylowe karty znacznie podnoszą efektywność pracy

Definicje stylów określają sposób wyświetlania elementów HTML, takie jak etykiety czcionek i atrybuty koloru w stylach HTML 3.2, są zwykle przechowywane w zewnętrznych plikach .css. Edytowanie prostego dokumentu CSS pozwala na jednoczesną zmianę wyglądu układu wszystkich stron na stronie.

Ponieważ CSS pozwala na jednoczesne kontrolowanie stylów i układu wielu stron, można go uznać za przełom w dziedzinie projektowania sieci Web. Jako deweloper strony internetowej, możesz określić style dla każdego elementu HTML i zastosować je na dowolnej liczbie stron. W celu globalnej transformacji wystarczy prosty zmiana stylu, a wszystkie elementy strony zostaną automatycznie zaktualizowane.

Wielokrotne style są nakładane jako

Arkusze stylów pozwalają na określenie stylów na różne sposoby. Style mogą być określone w pojedynczym elemencie HTML, w nagłówku strony HTML, lub w zewnętrznym pliku CSS. Można również odnosić się do wielu zewnętrznych arkuszy stylów w jednym dokumencie HTML.

Kolejność nakładania stylów

Kiedy ten sam element HTML jest zdefiniowany przez więcej niż jeden styl, który styl zostanie użyty?

Zasadniczo, wszystkie style są nakładane na nowy wirtualny arkusz stylów według poniższych zasad, gdzie liczba 4 ma najwyższy priorytet.

  1. Domyślne ustawienia przeglądarki
  2. Zewnętrzne arkusze stylów
  3. Wewnętrzne arkusze stylów (lokalizowane wewnątrz tagu <head>)
  4. Wewnętrzne style (wewnątrz elementów HTML)

Z tego powodu, wewnętrzne style (wewnątrz elementów HTML) mają najwyższą priorytet, co oznacza, że mają pierwszeństwo nad poniższymi deklaracjami stylu: deklaracjami stylu w tagu <head>, deklaracjami stylu w zewnętrznych arkuszach stylów, lub deklaracjami stylu w przeglądarce (domyślna wartość).