تسمح مواصفات CSS بإنشاء الأنماط باستخدام بناء جملة مختصر يسمى CSS المختصر. يتيح لك Shorthand CSS تحديد قيمة خصائص متعددة باستخدام علامة خاصية واحدة. على سبيل المثال، يمكنك استخدام خاصية الخط لتعيين خصائص نمط الخط ومتغير الخط ووزن الخط وحجم الخط وارتفاع الخط وخصائص عائلة الخط في بناء جملة سطر واحد.
المشكلة الأساسية التي يجب ملاحظتها عند استخدام CSS المختصرة هي أن القيم المحذوفة من خصائص CSS المختصرة يتم تعيين القيمة الافتراضية للخاصية. عندما يتم تعيين قاعدتين أو أكثر من قواعد CSS لنفس العلامة، فقد يتسبب ذلك في عدم عرض الصفحة بشكل صحيح.
على سبيل المثال، تستخدم علامة H1 الموضحة أدناه بناء جملة CSS العادي. لاحظ أن قيم خصائص متغير الخط، وامتداد الخط، وضبط حجم الخط، ونمط الخط يتم تعيين قيمها الافتراضية.
ح1 {
وزن الخط: غامق؛
حجم الخط: 16 نقطة؛
ارتفاع الخط: 18 نقطة؛
عائلة الخط: Arial؛
متغير الخط: عادي؛
نمط الخط: عادي؛
امتداد الخط: عادي؛
ضبط حجم الخط: لا شيء
}
دعونا نعيد كتابة هذه العلامة باستخدام سمة مختصرة:
H1 {الخط: غامق 16pt/18pt Arial}
عند كتابتها باستخدام التدوين المختصر، يتم تعيين القيم المحذوفة تلقائيًا إلى قيمها الافتراضية. ولذلك، فإن المثال المختصر أعلاه يحذف علامات Font-variant، وfont-style، وfont-stretch، وfont-size-adjust.
إذا كنت تستخدم الاختصارات والأشكال العادية لبناء جملة CSS لتحديد الأنماط في أكثر من مكان واحد (مثل تضمين الأنماط في صفحة HTML واستيراد الأنماط من ورقة أنماط خارجية)، فاعلم أن السمات المحذوفة قد تتجاوز (أو تتتالي) الأنماط الموجودة في الخصائص التي تم تعيينها بشكل صريح في مكان آخر.
ولذلك، يستخدم Dreamweaver الشكل العادي لرموز CSS لكتابة بناء الجملة بشكل افتراضي. وهذا يمنع المشاكل المحتملة الناجمة عن القواعد المختصرة التي تتجاوز القواعد العادية. عند فتح صفحة ويب في Dreamweaver تم ترميزها باستخدام تدوين CSS مختصر، انتبه إلى أن Dreamweaver سيستخدم النموذج العادي لإنشاء قواعد CSS جديدة. يمكنك تغيير تفضيلات تحرير CSS في فئة CSS Styles في مربع الحوار Preferences (Edit>>Preferences في Windows؛ Dreamweaver>>Preferences في Macintosh حدد كيفية قيام Dreamweaver بإنشاء قواعد CSS وتحريرها).
يلاحظ
تقوم لوحة CSS Styles بإنشاء قواعد باستخدام الرموز العادية فقط. إذا كنت تستخدم لوحة CSS Styles لإنشاء صفحة أو ورقة أنماط CSS، فكن على علم بأن قواعد CSS المختصرة للترميز اليدوي يمكن أن تتسبب في تجاوز خصائص الاختزال لتلك التي تم إنشاؤها في النموذج العادي. لذلك، استخدم رموز CSS العادية لإنشاء أنماطك.