پيشگفتاري بر برگه‌‌ شيوه‌ها

برگه شيوه‌ها [1] كه به طور سنتي در اچ‌تي‌ام‌ال [2] گنجانده مي‌شدند، امكان مي‌دهند كه قواعد گرافيكي به شكل بسيار ساده‌تري مديريت و متمركز شوند. اين برگه‌ها به زبان ويژه‌اي نوشته مي‌شوند:سي‌اس‌اس [3]

همانطور كه مي‌دانيد، اسپيپ با محتوا و شكل گرافيكي آن جداگانه رفتار مي‌كند: اسكلت‌ها محتوا‌هاي مورد نظر در صفحات اج.تي.ام.ال را انتخاب كره و نمايش مي‌دهند، ظاهر گرافيكي آن‌ها به وسيله‌ي برگه‌ شيوه‌ها‌ي سي‌اس‌اس به نمايش در مي‌آيد.

برگه شيوه براي چيست؟

اگر به شكل سنتي صفحه‌ي وب درست كرده باشيد، قواعد گرافيكي را داخل كد اج‌تي‌ام‌ال صفحه‌ي خود گنجانده‌ايد. همچنين هر وقت كه خواسته‌‌ايد متن خود را قرمز كنيد، نوشته‌ايد:<"font color ="red>. براي نمايش مرز نازك يك جدول مي‌نوشتيد: <"table borde="2>.

با اين روش، تغيير چيدمان يك سايت ايستاتيك - كه در آن هر مقاله يك صفحه‌ي اچ‌تي‌ام‌ال جداگانه دارد- يك كابوس است. داخل فايل‌هاي اچ‌تي‌ام‌ال دنبال كدهايي بگرديد كه بايد اصلاح شوند و آن‌ها را يكي يكي تغيير دهيد. به عنوان نمونه اگر مي‌خواهيد عناصري كه پيشتر قرمز نشان داده مي‌شدند بولد ديده شوند بايد عبارت <"font color="red> را با كد بولد جايگزين كنيد.

همانطور كه مي‌دانيد اسپيپ وضعيت را بهبود داده است. به جاي اصلاح صدها فايل اچ‌تي‌ام‌ال كافي است چند اسكلت رااصلاح كنيد؛ و چيدمان شما به صورت خود به خودي در كل سايت ارايه مي‌شود. با اين همه مشكل به صورت كامل حل نشده است. فرض كنيم مي‌خواهيد با آبي كردن بعضي از عناصر سايتتان مانند لينك‌ها، عناصر ناوبري و از اين قبيل، به آن هويت ويژه‌اي ببخشيد. روزي كه بخواهيد اين رنگ آبي را با رنگ سبز روشن جايگزين كنيد بايد درتمام اسكلت‌ها رنگ آبي را به سبز تغيير دهيد. اين كار مي‌تواند نگران كننده باشد، چرا كه شيوه‌ي نمايش صفحات حتي براي آزمايش نيز سريع تغيير نمي‌كند.

راه حل در استفاده از «برگه شيوه‌هاي بيروني» قرار دارد. يك برگه‌ شيوه فايلي است كه مجموعه‌‌اي از خاصيت‌هاي گرافيكي و محل كاربرد‌‌ آن ها، در آن تعريف مي‌شوند. دو امتياز بزرگ برگه‌ شيوه‌ها را مي‌توان به شرح زير خاطر نشان ساخت:

 برگه‌ شيوه يك فايل منحصر به فرد و متمركز است كه شما مي‌توانيد آن را براي تعدادي از فايل‌هاي اچ‌تي‌ام‌ال (و اسكلت اسپيپ) كه بخواهيد به كار ببريد.

 خاصيت‌هاي گرافثيكي، هرچند بار كه در اچ‌تي‌ام‌ال به كار روند، فقط يك بار در برگه‌ شيوه تعريف مي‌شوند.

براي اجراي يك برگه شيوه بر يك فايل اچ‌تي‌ام‌ال (كه مي‌تواند يك اسكلت اسپيپ هم باشد) برگه شيوه بايد در هد صفحه‌ي شما بيان شود ...

اينجا فايل mes _styles.css فايمل خاصيت‌هاي گرافيكي است كه مي‌خواهيد در صفحه‌ي اچ‌تي‌ام‌ال اجرا شوند (در ادامه‌ي اين بحث فرض خواهيم كرد كه شما mes_styles.css را به عنوان نام فايلي كه پسوند آن css است انتخاب كرده‌‌ايد). در واقع سي‌اس‌اس نام زباني است كه براي نوشتن برگه‌ شيوه‌ها مورد استفاده قرار مي‌گيرد درست مانند اچ‌تي‌ام‌ال كه با آن صفحه‌هاي وب نوشته مي‌شود.

توجه: يك برگه شيوه مي‌تواند براي يك صفحه‌ي اچ‌تي‌ام‌آل ايستاتيك كلاسيك نيز درست مانند يك اسكلت اسپيپ به كار رود. در نتيجه هر ترفند سي‌اس‌اس كه در اچ‌تي‌ام‌آل كلاسيك كاربرد داشته باشد مي‌تواند در اسكلت‌‌هاي سايت شما نيز به كار گرفته شود. . .

اگر بندهاي پيشين را با دقت خوانده باشيد ممكن است بازهم در باره‌ي اين موضوع‌ ترديد داشته باشيد. بله، بايد براي برگه‌ شيوه‌ها يك زبان ديگر هم فرابگيريد و در اين زمينه اسپيپ هيچ تقصيري ندارد! اين زبان هرچند از نحو اچ‌تي‌ام‌ال پيروي نمي‌كند بسيار ساده است و چند مثال به شما اجازه مي‌دهد تا بر آن مسط شويد.

يادداشت

[1les feuilles de style

[2HTML

[3CSS

نويسنده Davood Hossein Publié le : Mis à jour : 15/07/20

Traductions : عربي, català, Deutsch, English, Español, فارسى, français, italiano, Nederlands, русский, Türkçe, українська