في المستند، حدد النص الذي
تريد تطبيق نمط CSS عليه.
تاريخ آخر تحديث
06/05/2019
تعرف على كيفية تطبيق أنماط فئات CSS، أو إزالتها، أو إعادة تسميتها في Dreamweaver
ملاحظة
في Dreamweaver والإصدارات اللاحقة، تم استبدال اللوحة CSS Styles بـ CSS Designer. لمزيد من المعلومات، راجع CSS Designer.
أنماط الفئة هي النوع الوحيد من أنماط CSS التي يمكن تطبيقها على أي نص في مستند، بغض النظر عن العلامات التي تتحكم في النص.جميع أنماط الفئة المقترنة بالمستند الحالي معروضة في لوحة CSS Styles (مع نقطة [.] قبل اسمها) وفي قائمة Style المنبثقة في Property inspector للنص.
ستلاحظ تحديث معظم الأنماط فورًا، ومع ذلك، يجب أن تعاين صفحتك في المتصفح للتأكد من تطبيق النمط كما هو متوقع. عندما تطبق نمطين أو أكثر على النص نفسه، قد تتعارض الأنماط وتنتج نتائج غير متوقعة.
ملاحظة
عند معاينة الأنماط المحددة في ورقة أنماط CSS خارجية، تأكد من حفظ ورقة الأنماط لضمان انعكاس التغييرات عند معاينة الصفحة في المتصفح.
تطبيق نمط فئة CSS
ضع نقطة الإدراج في فقرة لتطبيق النمط على الفقرة بأكملها.
إذا حددت نطاقًا من النص داخل فقرة واحدة، فإن نمط CSS يؤثر على النطاق المحدد فقط.
لـ تحديد العلامة الدقيقة التي يجب تطبيق نمط CSS عليها، حدد العلامة في محدد العلامة الموجود في أسفل يسار نافذة Document.
لتطبيق نمط فئة، قم بأحد الإجراءات التالية:
في لوحة CSS Styles (Window > CSS Styles)، حدد وضع All، انقر بزر الماوس الأيمن على اسم النمط الذي تريد تطبيقه، وحدد Apply من القائمة السياقية.
في HTML Property inspector، حدد نمط الفئة الذي تريد تطبيقه من القائمة المنبثقة Class.
في نافذة Document، انقر بزر الماوس الأيمن (Windows) أو Control‑انقر (Macintosh) على النص المحدد، وفي القائمة السياقية، حدد CSS Styles ثم حدد النمط الذي تريد تطبيقه.
حدد Format > CSS Styles، وفي القائمة الفرعية حدد النمط الذي تريد تطبيقه.
إزالة نمط فئة من تحديد
حدد
الكائن أو النص الذي تريد إزالة النمط منه.
في HTML Property inspector (Window >
Properties)، حدد None من القائمة المنبثقة Class.
إعادة تسمية نمط فئة
في
لوحة CSS styles، انقر بزر الماوس الأيمن على نمط فئة CSS الذي تريد إعادة تسميته
وحدد Rename Class.
ملاحظة
يمكنك أيضًا إعادة تسمية فئة عن طريق تحديد Rename Class من قائمة خيارات لوحة CSS Styles.
في مربع حوار Rename Class، تأكد من تحديد الفئة
التي تريد إعادة تسميتها في القائمة المنبثقة Rename Class.
في مربع النص New Name، أدخل الاسم الجديد للفئة الجديدة ثم انقر فوق OK.
إذا كانت الفئة التي تعيد تسميتها داخلية في رأس المستند الحالي، فإن Dreamweaver يغير اسم الفئة بالإضافة إلى جميع مثيلات اسم الفئة في المستند الحالي.إذا كانت الفئة التي تعيد تسميتها في ملف CSS خارجي، فإن Dreamweaver يفتح ويغير اسم الفئة في الملف.Dreamweaver أيضًا يشغل مربع حوار Find and Replace على مستوى الموقع حتى تتمكن من البحث عن جميع مثيلات اسم الفئة القديم في موقعك.
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
