Tworzenie lub modyfikowanie arkusza stylów kaskadowych

Ważne : Ten artykuł został przetłumaczony maszynowo, zobacz zastrzeżenie. Angielskojęzyczną wersję tego artykułu można znaleźć tutaj .

Kaskadowe nadawania arkusze (stylów CSS) styl kontrolę nad prezentacji stron sieci Web. Za pomocą arkusza CSS, można precyzyjnie Umieść i ustawić wygląd elementów na stronie sieci Web.

Arkusza CSS może być zewnętrznych, wewnętrzny lub w tekście, względem strony sieci Web i strony sieci Web można jednocześnie korzystać z co najmniej jedną z tych typów arkuszy CSS. Ogólnie style, które są definiowane w tekście CSS pierwszeństwo w wewnętrznych i zewnętrznych arkuszy CSS i stylów w wewnętrznych CSS pierwszeństwo stylów w zewnętrznego arkusza CSS.

Co chcesz zrobić?

Tworzenie zewnętrznego arkusza CSS

Tworzenie wewnętrznego arkusza CSS

Tworzenie arkuszy CSS w tekście

Tworzenie zewnętrznego arkusza CSS

Za pomocą zewnętrznego arkusza stylów mają być stosowane te same style spójne na niektórych lub wszystkich stronach sieci Web w witrynie. Definiowanie stylów w jeden lub więcej arkuszy stylów zewnętrznych i ich dołączeniem do stron sieci Web, upewnij się, że całej witryny ma jednolity wygląd. Jeśli zechcesz zmienić styl, musisz wprowadzić tylko jedną zmianę — z zewnętrznego arkusza stylów CSS — zmiany są automatycznie uwzględniane w wszystkich stron sieci Web, które odwołują się do tego stylu i CSS.

Zewnętrznego arkusza CSS jest zawarty w pliku CSS, takich jak core.css. Składnia zewnętrznego arkusza CSS jest taka sama, jak wewnętrznego CSS, z tym wyjątkiem, że style zdefiniowane w zewnętrznego arkusza CSS nie są ujęte w tagi < styl >.

Tworzenie pustej zewnętrznego arkusza CSS

  • W menu plik wskaż polecenie Nowy, a następnie kliknij przycisk CSS.

    Porada : Możesz również kliknąć strzałkę w dół na przycisku Nowy dokument  xxxxxx na paskach wspólnych lub standardowych, a następnie kliknij Arkusz CSS.

Tworzenie nowego stylu i zewnętrznego arkusza CSS w jednym kroku

  1. W Format menu kliknij polecenie Nowy styl.

    Porada : Możesz również kliknąć Nowy styl w okienku zadań Zastosuj style lub Zarządzanie stylami lub na pasku narzędzi stylu.

  2. W oknie dialogowym Nowy styl w oknie dialogowym Definiowanie przy kliknij przycisk Nowy arkusz stylów.

Początek strony

Tworzenie wewnętrznego arkusza CSS

Za pomocą wewnętrznych arkusza CSS, nazywane osadzonego arkusza CSS, gdy chcesz zdefiniować stylów w celu tylko na bieżącej stronie sieci Web i jeśli chcesz zastąpić style, które są definiowane w zewnętrznego arkusza CSS dołączany do bieżącej strony sieci Web.

Wewnętrzna CSS jest zawarty w tagi < głowy > strony sieci Web.

Przykład arkusza stylów wewnętrznych

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Tworzenie wewnętrznego arkusza CSS

  1. Otwórz stronę sieci Web ma zawierać z arkusza stylów CSS.

  2. W Format menu kliknij polecenie Nowy styl.

    Porada : Możesz również kliknąć Nowy styl w okienku zadań Zastosuj style lub Zarządzanie stylami lub na pasku narzędzi stylu.

  3. W oknie dialogowym Nowy styl w oknie dialogowym Definiowanie przy zaznacz bieżącą stronę.

Początek strony

Tworzenie arkuszy CSS w tekście

Aby zastosować właściwości arkusza CSS do poszczególnych elementów na stronie, gdy nie jest konieczne ponowne styl za pomocą styl wbudowany. Styl wbudowany jest zdefiniowane w tagu początkowym elementu HTML na stronie sieci Web.

Aby uzyskać więcej informacji o tworzeniu stylu, zobacz artykuł Tworzenie i stosowanie stylu.

Przykład wbudowany arkusz stylów

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Początek strony

Uwaga : Zrzeczenie dotyczące tłumaczenia maszynowego: Ten artykuł został przetłumaczony przez system komputerowy bez interwencji człowieka. Firma Microsoft udostępnia te tłumaczenia maszynowe, aby ułatwić użytkownikom, którzy nie znają języka angielskiego, korzystanie z zawartości dotyczącej produktów, usług i technologii firmy Microsoft. Ponieważ ten artykuł został przetłumaczony maszynowo, może zawierać błędy w słownictwie, składniowe lub gramatyczne.

Rozwijaj swoje umiejętności
Poznaj szkolenia
Uzyskuj nowe funkcje w pierwszej kolejności
Dołącz do niejawnych testerów pakietu Office

Czy te informacje były pomocne?

Dziękujemy za opinię!

Dziękujemy za opinię! Wygląda na to, że połączenie Cię z jednym z naszych agentów pomocy technicznej pakietu Office może być pomocne.

×