تعيين خصائص عناوين CSS وخصائص ارتباطات CSS

تاريخ آخر تحديث 27 أبريل 2021

تعرف على كيفية تعيين خصائص عناوين CSS وخصائص ارتباطات CSS وتطبيقها على جميع العناوين والارتباطات في الصفحة.

يمكنك تحديد الخطوط وحجمها والألوان لعناوينك. بشكل افتراضي، ينشئ Dreamweaver قواعد CSS لعناوينك ويطبقها على جميع العناوين التي تستخدمها على الصفحة. ويتم تضمين القواعد في القسم head‎ من الصفحة.

لتطبيق خصائص عناوين CSS:

قم بأحد الإجراءات التالية

  • انقر فوق File > Page Properties
  • انقر على Window > Page Properties، وانقر على Page Properties في مفتش الخصائص النصية.

من لوحة Page Properties، حدد Headings (CSS). يمكنك تكوين الخيارات التالية:

  • Heading Font: يحدد عائلة الخط الافتراضية التي سيتم استخدامها مع العناوين. سوف يستخدم Dreamweaver عائلة الخط التي تحددها ما لم يتم تعيين خط آخر على وجه التخصيص لأحد عناصر النص.
  • العنوان 1 حتى العنوان 6: حدد حجم الخط واللون المراد استخدامهما لما يصل إلى ستة مستويات من علامات العنوان.

تعيين خصائص ارتباط CSS لصفحة كاملة

يمكنك تحديد الخطوط وأحجام الخطوط والألوان وعناصر أخرى لروابطك.بشكل افتراضي، ينشئ Dreamweaver قواعد CSS لروابطك ويطبقها على جميع الروابط التي تستخدمها في الصفحة.(القواعد مضمنة في قسم head الخاص بالصفحة.)

ملاحظة

إذا كنت تريد تخصيص روابط منفردة في صفحة، فأنت بحاجة إلى إنشاء قواعد CSS منفردة، ثم تطبيقها على الروابط بشكل منفصل.

قم بأحد الإجراءات التالية

  • انقر فوق File > Page Properties
  • انقر على Window > Page Properties، وانقر على Page Properties في مفتش الخصائص النصية.

من خيار Category، حدد Links (CSS).

  • Link Fonts: يحدد عائلة الخط الافتراضية التي سيتم استخدامها مع نص الارتباط. يستخدم Dreamweaver افتراضيًا عائلة الخط التي تم تحديدها للصفحة بالكامل ما لم تقم بتعيين خط آخر.
  • الحجم: يحدد حجم الخط الافتراضي المراد استخدامه لنص الرابط.
  • لون الرابط: يحدد اللون المراد تطبيقه على نص الرابط.
  • الروابط التي تمت زيارتها: يحدد اللون المراد تطبيقه على الروابط التي تمت زيارتها.
  • روابط التمرير: يحدد اللون المراد تطبيقه عندما يحوم الماوس (أو المؤشر) فوق رابط.
  • الروابط النشطة: يحدد اللون المراد تطبيقه عندما ينقر الماوس (أو المؤشر) على رابط.
  • Underline Style: يحدد نمط التسطير الذي يتم تطبيقه على الارتباطات. إذا تم تعريف نمط تسطير الارتباطات لصفحتك بالفعل (من خلال ورقة أنماط CSS خارجية على سبيل المثال)، يتم تعيين القائمة Underline Style افتراضيًا على الخيار "don’t change". فهذا الخيار ينبهك لنمط الارتباط الذي تم تعريفه. وإذا قمت بتعديل نمط تسطير الارتباطات باستخدام مربع الحوار Page Properties، فسيقوم Dreamweaver بتغيير تعريف الارتباط السابق.