قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS

• 

  Custom Title with Subtitle and Lock Content

  Apr 07 2014 - Rafat
• 

  Sample Post with Pagination and Slide Featured Content

  Apr 06 2014 - Rafat
• 

  تعلم تحميل موقع بالكامل وتصفحه دون اتصال بالانترنت

  Apr 05 2014 - Rafat
• 

  MacBook charging peacefully beside my PC desktop

  Mar 18 2014 - Rafat
• 

  Night city and bridge best photography

  Mar 15 2014 - Rafat
• 

  Doubt can eat away at the best of competitors

  Mar 10 2014 - Rafat
• 

  BMW New Hybrid Supercar Is Thrilling

  Mar 09 2014 - Rafat

السلام عليكم ورحمة الله وبركاته ..

درسنا اليوم من اوائل دروس دورة تعلم الكتابة لغة CSS
يدور حول اساسيات و قواعد لابد من توفرها حتى يتاح لك استخدام هذه الخاصية بنجاح.
بالنسبة للمدونات بلوجر فدائماً هنام قاعدة ثابتة وهي , اكواد CSS تبدأ بوسم وتنتهي بوسم كما التالي:

<b:skin><![CDATA[
body {
background: #00CCFF;
margin: 0;
padding: 0;
color: #333333;
font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;
text-align: center
}
a:link,a:visited {
color: #13A7DA;
text-decoration: none;
outline: none;
}
a:hover,a:active {
color: #292929;
text-decoration: none;
outline: none;
}
]]></b:skin>

اما في المواقع والمدونات الآخرى وايضاً بلوجر يتم استخدام الآكواد بالشكل التالي:

<style type='text/css'>
body {
background: #00CCFF;
margin: 0;
padding: 0;
color: #333333;
font: normal normal 14px 'Droid Arabic Naskh',Arial,Tahoma,Sans-Serif;
text-align: center
}
a:link,a:visited {
color: #13A7DA;
text-decoration: none;
outline: none;
}
a:hover,a:active {
color: #292929;
text-decoration: none;
outline: none;
}
</style>

ما هي القاعدة الثابتة  في كتابة أكواد CSS ؟ التالي ..

#outer-wrapper {padding: 3px;}

سوف نأخذهم بالتدريج من الشمال لليمين ونشرح اسم كل جزء ملون في هذا الكود

# المعرف الذي يوضع في صفحات html والذي يسمى id ويمكن ان يكون مكانه فئة وهي النقطة التي تسمى class , ويمكن استخدام كل شئ في صفحة html من روابط و معرفات وفئات

outer-wrapper يسمى في الكود Selector  او المُحدد ولا يشترط ان يكون outer-wrapper, بل المقصود الموضع نفسه في الكود

} بداية كتابة الكود

padding  هي من ضمن الخصائص التي تتحكم في تصميم الموقع او المدونة , وليس المقصود هنا padding بل المقصود المكان نفسه في الكود وينتهي دائماً ب نقطتين فوق بعضهم هكذا : 

3px هذا المكان في الكود يُسمى value او القيمة المعطاه للخاصية المحددة

; الفاصلة المنقوطة تكون فاصل بين كل كود والاخر مثال الكود هذا 

#outer-wrapper {padding: 3px; margin: 0px;}

{ نهاية مجموعة الأكواد كما في الكود السابق هذا 

وبهذا نكون قد اطلعنا على اساس وضع اكواد هذه التقنية الجميلة

اترككم في رعاية الله إلى درساً جديد من دروس الدورة