لە درێژەی ئەم بابەتەدا وشەی مەرج بەکار دەبەم لە بۆ پێناسەکردنی هەر Rule ـێکی CSS.
نووسینی مەرج لە CSS بە شێوازێکی دیاریکراو جێبەجێ دەکرێت، نووسینی کۆدەکانی CSS لە خۆیدا بە چەند شێوازێک جێبەجێ دەکرێت، لە ئەم بابەتەدا تەنیا شێوازی ستاندارد دەخەمە ڕوو.
لە سەرەوە مەرجێکمان نووسیووە بۆ گۆڕینی ڕەنگی دەقەکانی نێو پاراگراف بۆ ڕەنگی سوور و بە شێوازی خوارەوە نووسراوە.
هەر مەرجێکی CSS لانیکەم لە یەک هەڵبژاردە Selector، یەک تایبەتمەندی Property و یەک نرخ Value پێکدێت.
لە وێنەی سەرەوە پێکهاتەکان ڕوون و دیارن، ئەوە بنەمای نووسینی هەر مەرجێکە لە CSS، دەتوانرێت زۆرتر پەرەی پێبدرێت و قووڵتر بکرێت.
هەر هەڵبژاردەیەک کۆمەڵێک تایبەتمەندی هەیە کە دەکرێت بە CSS گۆڕانکارییان بە سەردا بهێنرێت، بۆ نموونە دەق Text تایبەتمەندی وەک قەبارە، ڕەنگ، شوێنی دەرکەوتن، شێوازی دەرکەوتن، پانی، بەرزی و دەیان تایبەتمەندی دیکەی هەیە و هەموویان بە CSS دەگۆڕدرێن. ئەگەر بمانەوێت جگە لە ڕەنگ گۆڕین نووسراوەی نێو p قەڵەو بکەین، بە شێوازی خوارەوە دەبێت،
p {
color: #F00;
font–weight: bold;
}
پێکهاتە، تایبەتمەندی و هتد… هەمووی لە پەڕەی پێناسەکردنی یاساکانی CSS لە ماڵپەڕی فەرمی هەیە،
http://www.w3.org/TR/CSS21/cover.html#minitoc
تێبینی: زۆرینەی پرۆگرامەکانی کۆد نووسین دەتوانن هاوکارت بن بۆ ئاسانتر نووسینی کۆدەکانی CSS، پرۆگرامەکان بە شێوەیەکی ئاسایی هەموو پێکهاتە و تایبەتمەندییەکانیان لە خۆ گرتووە و دەتوانیت بەبێ نووسینیان بەکاریان ببەیت.
ڕێکخستن بۆ نووسینی کوردی سۆرانی
CSS مەرجە بۆ پێکهێنانی پەڕەیەکی درووستی نووسراوە بە ئەلف و بێی کوردی سۆرانی، بە هۆکاری ئەوەی زمانەکەمان لە ڕاست بۆ چەپ دەنووسرێت و هەندێک تایبەتمەندی دیکەی هەیە کە لە زمانە گشتییەکانی وەک ئینگلیزی نییە، پێویستی دەکات کە CSS بەکار ببەین بۆ درووست و باشتر ڕێکخستنی پەڕەکانی وێبی کوردیمان.
هەموو پەڕەیەکی کوردی سۆرانی دەبێت چەند تایبەتمەندییەکی هەبێت،
١، دەستنیشان کردنی ئاستی نووسینەکان، ڕاست بۆ چەپ کردنیان بە درووستی. ئەم کارە لە CSS جێبەجێ دەبێت بە زۆرکردنی تایبەتمەندی direction بۆ پەڕە و text-align بۆ دەقەکان. ئەو تایبەتمەندییانە لەسەر تاگی body دەنووسرێن چوونکە گشتیی و هەموو بوارەکانی ماڵپەڕ دەگرنەوە. نموونە،
body {
text–align: right;
direction: rtl;
}
٢، دەستنیشان کردنی utf-8 وەک شێوازی پیشاندانی نووسینەکان لە وێبگەڕدا. لە نموونە کۆدی پەڕەی index.html لە سەرەوە ئاماژەی پێدراوە.
٣، هەروەها ڕاست بۆ چەپ کردنی title بۆ درووست پیشاندانی سەردێڕی پەڕەکان لە کاتی هەبوونی نووسراوەی لاتینی و سۆرانی لە هەمان سەردێڕدا. بۆ نموونە ئەگەر سەردێڕی پەڕە لە داڕشتنی پێوه‌كراوی App Shortcut بۆ وێبگه‌ڕی Google Chrome پێکهاتبێت، لە وێبگەڕدا وەک وێنەی خوارەوە دەردەکەوێت.
چارەسەرکردنی کێشەی سەرەوە پێویستی بە دانانی کۆدێکی یونیکۆد هەیە لە پێش دەقەکە بۆ سەپاندنی یاسای ڕاست بۆ چەپ بەسەر وێبگەڕدا.
واتە کۆدی
‫پێش دەقی سەردێڕ زۆر دەکرێت.
بە جێبەجێکردنی هەنگاوەکانی سەرەوە، پەڕە و هەموو پێکهاتەکانی بە دەقەوە بە شێوازی درووست دەردەکەون و کار دەکەن.
نووسەری بابەت: ئاسۆ نادری-وێبچن
