Changes

لە چاوگ

CSS

١٠٨ بایت زیاد کرا, ‏٠٩:٥١، ١٧ی ئازاری ٢٠١٠
بەبێ کورتەی دەستکاری
[[Image:Css_logoSample-css-code.png|left|thumb|80px380px]]'''CSS ''' (سی ئێس ئێس) کە کورتکراوەی Cascading Style Sheetsـەو زمانێکە بەکاردێت بۆ پێناسەکردنی ڕووی دەرەوەی هەر پەڕگەیەک کە بە [[HTML]] یان XML دەنووسرێت. بەهۆی CSSـەوە دەتوانرێت ڕەونەقێکی جوان بدرێت بە ماڵپەڕ وەکو ڕەنگردن، فۆنتەکان، بەستەرەکان... هتد کەدەتوانیت خۆت بڕیار بدەیت بەچ شێوەیەک هەر یەک لەوانە دەربکەون. هەر پەڕەیەکی پەڕەی CSS بە درێژکراوەی پەڕگەکەی برێتییە لە css. کۆتایی پێ دێت و دەتوانرێت ببەسترێتەوە بە بێ پایان پەڕگەوەو پەڕگەوە، لەهەر پەڕگەیەکدا بەکارببرێت یەوا ڕووی ئەو کاریگەرییانە پیشان بدات کەلەناو ئەدات کە لەناو پەڕگەی css ـەکەدا پێناسەکراوەو نرخی پێدراوە.
= چ دەستکاریکەرێک (Editor)؟ =
*[http://mooedit.sourceforge.net/ Medit]
*[http://vim.org VIM]
= بەستنەوە یان بەکارهێنانی لەhtml لە html دا=
S
دەتوانرێت بە سێ شێوە تێکەڵ بکرێت لەگەڵ HTML تاوەکو ئەو تەکنیکە بەدروستی کاربکات.
*[== External Style Sheet] ==پەڕگەیەکی تایبەت و لەدەرەوە بە CSS بۆ نمونە style.css و ڕاکێشانی پێناسەکردنی بۆ ناو کۆدی html بەشیوەی rel لە کۆدەکانی head دا بۆ نمونە:
<source lang='html4strict'> <link rel="stylesheet" type="text/css" href="style.css" />
</source>
* [ == Internal Style Sheet] ==یان هەمان پەڕە و بەم شێوەیە:
<source lang='html4strict'>
<head>
</source>
* [== Inline Styles] یان == بەتێکەڵکردنی لەگەڵ تاگی HTML یەکەدا بەم شێوەیە:
<source lang='html4strict'>
<P style="font-size: x-large; color: #ff9900">
}</source>
ئەگەر لەحاڵەتێکدا نرخەکە لەچەند ووشەیەک وشەیەک پێک هاتبوو ئەوە باشتر وایە بخرێتە ناو دوو دەقەوە:
<source lang='css'>serdêrr {font-family: "unikurd Web"}</source>
=ڕەنگەکان - Colours=
ئاشکرایە کە ڕەنگ بۆ خۆی جوانی تەواو دەبەخشێت بە پەڕگەکانی سەر وێب بەشێوەیەک کە لەگەڵ یەکتردا گونجاو بن. دەتوانرێت ڕەنگەکان بە ۳ شێوەی جیاواز بنووسرێن:
# '''ناو - name''' یاخود
# '''rgb''' - red/green/blue یان
# '''hex'''
یان هەروەها
<source lang='css'>#f00</source>
 
هەریەک لەو کۆدانەی سەرەوە هاوشێوەن بۆ ڕەنگی سوورو هەرکامێکیان بەکارببەی ئەوە ڕەنگی سوور دەبەخشن.
 
<p>تاوەکو ئێستا تەنها ۱۷ ناوی ڕەنگ پێناسەکراون تاوەکو بتوانرێت بەکار ببرێت، ئەوانیش بریتین لە:
<pre>
=Class and ID Selectors=
لەهەر پەڕەیەکی CSS ـدا دەتوانین <tt>ID Selector</tt> بەوە بناسینەوە کە ('''#''') پێش ووشەیەک وشەیەک بێت، بەڵام <tt>Class</tt> بە نیشانەی ('''.''') دەناسینەوە.
'''بـۆ نـمـوونــە:'''