Vyberte v dokumentu text, na který chcete aplikovat styl CSS.
Naposledy aktualizováno
19. 5. 2021
Zjistěte, jak používat, odstranit a přejmenovat styly tříd CSS v aplikaci Dreamweaver
Poznámka:
V aplikaci Dreamweaver a novějších verzích byl panel CSS Styly nahrazen panelem CSS Designer. Další informace: CSS Designer.
Styly tříd jsou jediným typem stylu CSS, který je možné aplikovat na libovolný text v dokumentu, bez ohledu na to, které tagy text řídí. Všechny styly tříd přiřazené k aktuálnímu dokumentu se zobrazí v panelu Styly CSS (s tečkou [.] před názvem) a v inspektoru Vlastnosti textu v rozbalovací nabídce stylu.
Většina stylů se aktualizuje okamžitě, měli byste si ale zobrazit náhled stránky v prohlížeči, abyste ověřili, jestli se styl aplikoval podle očekávání. Když aplikujete na jeden text dva nebo více stylů, styly mohou být v rozporu a vytvářet nečekané výsledky.
Poznámka:
Při náhledu stylů definovaných v externím seznamu stylů CSS nezapomeňte seznam stylů uložit, aby se změny při náhledu stránky v prohlížeči správně projevily.
Aplikování stylu třídy CSS
-
Pokud chcete styl aplikovat na celý odstavec, umístěte do odstavce textový kurzor.
Pokud vyberete rozsah textu v jednom odstavci, styl CSS ovlivní pouze vybraný rozsah.
Chcete-li vybrat určitý tag, na který by se měl styl CSS aplikovat, vyberte tento tag v selektoru tagů v levé dolní části okna dokumentu.
-
Styl třídy aplikujte jedním z následujících způsobů:
V panelu Styly CSS (Okna > Styly CSS) vyberte režim Vše, klikněte pravým tlačítkem na název stylu, který chcete aplikovat, a z kontextové nabídky vyberte volbu Aplikovat.
Z rozbalovací nabídky třídy v inspektoru Vlastnosti kódu HTML vyberte styl třídy, který chcete aplikovat.
V okně dokumentu klikněte pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) na vybraný text, v kontextové nabídce zvolte Styly CSS a pak vyberte styl, který chcete aplikovat.
Vyberte volbu Formát > Styly CSS a v podnabídce vyberte styl, který chcete použít.
Odstranění stylu třídy z výběru
-
Vyberte objekt nebo text, ze kterého chcete styl odstranit.
-
V inspektoru Vlastnosti kódu HTML (Okna > Vlastnosti) z rozbalovací nabídky třídy vyberte volbu None (Žádné).
Přejmenování stylu třídy
-
V panelu Styly CSS klikněte pravým tlačítkem na styl třídy CSS, který chcete přejmenovat, a vyberte volbu Přejmenovat třídu.Poznámka:
Třídu můžete také přejmenovat tak, že z nabídky voleb panelu Styly CSS vyberete volbu Přejmenovat třídu.
-
V dialogovém okně Přejmenovat třídu zkontrolujte, že v rozbalovací nabídce Přejmenovat třídu je vybraná třída, kterou chcete přejmenovat.
-
Do textového pole Nový název zadejte nový název pro novou třídu a klikněte na tlačítko OK.
Pokud se přejmenovávaná třída nachází v hlavičce aktuálního dokumentu, aplikace Dreamweaver změní název třídy včetně všech výskytů názvu třídy v aktuálním dokumentu. Pokud se přejmenovávaná třída nachází v externím souboru CSS, aplikace Dreamweaver ho otevře a změní název třídy v tomto souboru. Aplikace Dreamweaver také spustí funkci Hledat a nahradit pro celé webové místo, takže v něm můžete snadno vyhledat všechny výskyty starého názvu třídy.
