W dokumencie wybierz tekst, do
którego chcesz zastosować styl CSS.
Ostatnia aktualizacja
6 maj 2019
Stosowanie, usuwanie lub zmiana nazwy stylów klasy CSS w programie Dreamweaver
Spostrzeżenie
W programie Dreamweaver i nowszych wersjach panel Style CSS zastąpiono panelem Projektant CSS. Więcej informacji zawiera opis panelu Projektant CSS.
Style klas to jedyny typ stylów CSS, który można zastosować do dowolnego tekstu w dokumencie, niezależnie od tego, które znaczniki kontrolują tekst. Wszystkie style klas powiązane z bieżącym dokumentem są wyświetlane w panelu Style CSS (z kropką [.] poprzedzającą ich nazwę) oraz w menu podręcznym Style inspektora właściwości tekstu.
Większość stylów zostanie zaktualizowana natychmiast, jednak należy wyświetlić podgląd strony w przeglądarce, aby sprawdzić, czy styl został zastosowany zgodnie z oczekiwaniami.Gdy zastosujesz dwa lub więcej stylów do tego samego tekstu, style mogą być ze sobą sprzeczne i dać nieoczekiwane rezultaty.
Spostrzeżenie
Podczas wyświetlania podglądu stylów zdefiniowanych w zewnętrznym arkuszu stylów CSS należy zapisać arkusz stylów, aby zapewnić odzwierciedlenie zmian podczas wyświetlania podglądu strony w przeglądarce.
Stosowanie stylu klasy CSS
Umieść punkt wstawiania w akapicie, aby zastosować styl do całego akapitu.
Jeśli wybierzesz zakres tekstu w obrębie jednego akapitu, styl CSS wpłynie tylko na wybrany zakres.
Aby określić dokładny znacznik, do którego ma być zastosowany styl CSS, wybierz znacznik w selektorze znaczników znajdującym się w lewym dolnym rogu okna Dokumentu.
Aby zastosować styl klasowy, wykonaj jedną z następujących czynności:
W panelu Style CSS (Okno > Style CSS) wybierz tryb Wszystkie, kliknij prawym przyciskiem myszy nazwę stylu, który chcesz zastosować, i wybierz Zastosuj z menu kontekstowego.
W inspektorze właściwości HTML wybierz styl klasy, który chcesz zastosować, z menu podręcznego Klasa.
W oknie Dokumentu kliknij prawym przyciskiem myszy (Windows) lub kliknij z naciśniętym klawiszem Control (Macintosh) wybrany tekst i w menu kontekstowym wybierz Style CSS, a następnie wybierz styl, który chcesz zastosować.
Wybierz Format > Style CSS i w podmenu wybierz styl, który chcesz zastosować.
Usuwanie stylu klasy z zaznaczenia
Wybierz
obiekt lub tekst, z którego chcesz usunąć styl.
W inspektorze właściwości HTML (Okno >
Właściwości) wybierz Brak z menu podręcznego Klasa.
Zmiana nazwy stylu klasy
W panelu
stylów CSS kliknij prawym przyciskiem myszy styl klasy CSS, którą chcesz zmienić,
i wybierz Zmień nazwę klasy.
Spostrzeżenie
Można także zmienić nazwę klasy, wybierając Zmień nazwę klasy z menu opcji panelu Style CSS.
W oknie dialogowym Zmień nazwę klasy upewnij się, że klasa,
której nazwę chcesz zmienić, jest wybrana w menu podręcznym Zmień nazwę klasy.
W polu tekstowym Nowa nazwa wpisz nową nazwę klasy i kliknij przycisk OK.
Jeśli klasa, której nazwę zmieniasz, jest zdefiniowana w nagłówku bieżącego dokumentu, program Dreamweaver zmienia nazwę klasy, jak również wszystkie wystąpienia nazwy klasy w bieżącym dokumencie.Jeśli klasa, której nazwę zmieniasz, znajduje się w zewnętrznym pliku CSS, program Dreamweaver otwiera i zmienia nazwę klasy w pliku. Program Dreamweaver również uruchamia okno dialogowe Znajdź i zamień dla całej witryny, dzięki czemu można wyszukać wszystkie wystąpienia starej nazwy klasy w witrynie.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
