V dokumentu vyberte text, na
který chcete aplikovat CSS styl.
Naposledy aktualizováno
6. 5. 2019
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 CSS stylu, který lze aplikovat na libovolný text v dokumentu, bez ohledu na to, které značky text řídí. Všechny styly tříd přiřazené k aktuálnímu dokumentu jsou zobrazeny v panelu Styly CSS (s tečkou [.] před jejich názvem) a v nabídce Styl textového inspektora vlastností.
Většinu stylů uvidíte aktualizovaných okamžitě, měli byste si však náhled stránky zobrazit v prohlížeči, abyste ověřili, že byl styl aplikován podle očekávání. Když na stejný text aplikujete dva nebo více stylů, styly se mohou rozporovat a vyvolat neočekávané výsledky.
Poznámka
Při náhledu stylů definovaných v externím CSS stylu nezapomeňte uložit styl, abyste zajistili, že se vaše změny projeví při náhledu stránky v prohlížeči.
Aplikování stylu třídy CSS
Umístěte kurzor do odstavce a aplikujte tak styl na celý odstavec.
Pokud vyberete rozsah textu v rámci jednoho odstavce, CSS styl ovlivní pouze vybraný rozsah.
Chcete-li upřesnit přesnou značku, na kterou má být CSS styl aplikován, vyberte značku v selektoru značek umístěném vlevo dole v okně Dokumentu.
Styl třídy aplikujte jedním z následujících způsobů:
V panelu CSS styly (Okno > CSS styly) vyberte režim Vše, klikněte pravým tlačítkem na název stylu, který chcete aplikovat, a z kontextové nabídky vyberte Aplikovat.
V HTML inspektoru vlastností vyberte styl třídy, který chcete aplikovat, z nabídky Třída.
V okně dokumentu klikněte pravým tlačítkem (Windows) nebo klikněte při stisknuté klávese Control (Macintosh) na vybraný text a v kontextové nabídce vyberte CSS styly a poté vyberte styl, který chcete aplikovat.
Vyberte Formát > CSS styly a v podnabídce vyberte styl, který chcete aplikovat.
Odstranění stylu třídy z výběru
Vyberte
objekt nebo text, ze kterého chcete odebrat styl.
V HTML inspektoru vlastností (Okno >
Vlastnosti) vyberte z nabídky Třída možnost Žádná.
Přejmenování stylu třídy
V panelu CSS
stylů klikněte pravým tlačítkem na CSS styl třídy, který chcete přejmenovat,
a vyberte Přejmenovat třídu.
Poznámka
Třídu můžete také přejmenovat výběrem možnosti Přejmenovat třídu z nabídky panelu Styly CSS.
V dialogovém okně Přejmenovat třídu zkontrolujte, že je třída,
kterou chcete přejmenovat, vybrána v nabídce Přejmenovat třídu.
Do textového pole Nový název zadejte nový název pro novou třídu a klikněte na tlačítko OK.
Pokud je třída, kterou přejmenováváte, interní v hlavičce aktuálního dokumentu, Dreamweaver změní název třídy i všechny výskyty názvu třídy v aktuálním dokumentu. Pokud je třída, kterou přejmenováváte, v externím CSS souboru, Dreamweaver otevře a změní název třídy v souboru. Dreamweaver také spustí dialogové okno Najít a nahradit v celém webu, abyste mohli vyhledat všechny výskyty starého názvu třídy na vašem webu.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
