במסמך, בחרו את הטקסט שעליו אתם רוצים להחיל סגנון CSS.
עודכן לאחרונה בתאריך
6 במאי 2019
למד כיצד להחיל, להסיר או לשנות שם של סגנונות מחלקה של CSS ב-Dreamweaver
פתק
ב-Dreamweaver ובגרסאות מתקדמות יותר, החלונית CSS Styles הוחלפה בחלונית CSS Designer. לקבלת מידע נוסף, ראה CSS Designer.
סגנונות מחלקה הם הסוג היחיד של סגנון CSS שניתן להחיל על כל טקסט במסמך, ללא קשר לתגים השולטים בטקסט.כל סגנונות ה-class הקשורים למסמך הנוכחי מוצגים בלוח CSS Styles (עם נקודה [.] לפני שמם) ובתפריט הקופץ Style של מפקח המאפיינים של הטקסט.
תראו את רוב הסגנונות מתעדכנים מיד, עם זאת כדאי לכם לבצע תצוגה מקדימה של הדף בדפדפן כדי לוודא שהסגנון הוחל כמצופה. כאשר אתם מחילים שני סגנונות או יותר על אותו טקסט, הסגנונות עלולים להתנגש ולייצר תוצאות לא צפויות.
פתק
כאשר אתם מבצעים תצוגה מקדימה של סגנונות המוגדרים בגליון סגנונות CSS חיצוני, הקפידו לשמור את גליון הסגנונות כדי להבטיח שהשינויים שלכם יבואו לידי ביטוי בעת ביצוע תצוגה מקדימה של הדף בדפדפן.
החלת סגנון מחלקה CSS
הניחו את סמן ההכנסה בפסקה כדי להחיל את הסגנון על כל הפסקה.
אם תבחרו טווח טקסט בתוך פסקה בודדת, סגנון ה-CSS ישפיע רק על הטווח שנבחר.
כדי לציין את התג המדויק שעליו יש להחיל את סגנון ה-CSS, בחרו את התג בבורר התגים הממוקם בצד השמאלי התחתון של חלון המסמך.
להחלת סגנון מחלקה, בצע אחד מהצעדים הבאים:
בלוח CSS Styles (Window > CSS Styles), בחרו במצב All, לחצו לחיצה ימנית על שם הסגנון שאתם רוצים להחיל, ובחרו Apply מהתפריט הקשרי.
במפקח המאפיינים של HTML, בחרו את סגנון מסוג class שאתם רוצים להחיל מהתפריט הקופץ Class.
בחלון המסמך, לחצו לחיצה ימנית (Windows) או לחצו Control+לחיצה (Macintosh) על הטקסט שנבחר, ובתפריט הקשרי, בחרו CSS Styles ולאחר מכן בחרו את הסגנון שאתם רוצים להחיל.
בחרו Format > CSS Styles, ובתפריט המשנה בחרו את הסגנון שאתם רוצים להחיל.
הסרת סגנון מחלקה מבחירה
בחרו את האובייקט או הטקסט שאתם רוצים להסיר ממנו את הסגנון.
במפקח המאפיינים של HTML (Window > Properties), בחרו None מהתפריט הקופץ Class.
שינוי שם של סגנון מחלקה
בלוח הסגנונות של CSS, לחצו לחיצה ימנית על סגנון ה-class שברצונכם לשנות את שמו ובחרו Rename Class.
פתק
אתם יכולים גם לשנות את שם class על ידי בחירה ב-Rename Class מתפריט האפשרויות של לוח CSS Styles.
בתיבת הדו-שיח Rename Class, ודאו שה-class שאתם רוצים לשנות את שמו נבחר בתפריט הקופץ Rename Class.
בתיבת הטקסט New Name, הזן את השם החדש ולחץ על OK.
אם ה-class שאתם משנים את שמו הוא פנימי ל-head של המסמך הנוכחי, Dreamweaver משנה את שם ה-class וכן את כל המופעים של שם ה-class במסמך הנוכחי. אם ה-class שאתם משנים את שמו נמצא בקובץ CSS חיצוני, Dreamweaver פותחת ומשנה את שם ה-class בקובץ. Dreamweaver גם מפעילה תיבת דו-שיח Find and Replace כלל-אתרית כדי שתוכלו לחפש את כל המופעים של שם ה-class הישן באתר שלכם.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
