قواعد اساسية لابد منها لتعريف كتابة اوامر الـ CSS html xml xhtml html5 css3
السلام عليكم ورحمة الله وبركاته ..
درسنا اليوم من اوائل دروس دورة تعلم الكتابة لغة 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: #333;
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>
#outer-wrapper {padding: 3px;}
# المعرف الذي يوضع في صفحات html والذي يسمى id ويمكن ان يكون مكانه فئة وهي النقطة التي تسمى class , ويمكن استخدام كل شئ في صفحة html من روابط و معرفات وفئات
outer-wrapper يسمى في الكود Selector او المُحدد ولا يشترط ان يكون outer-wrapper, بل المقصود الموضع نفسه في الكود
} بداية كتابة الكود
padding هي من ضمن الخصائص التي تتحكم في تصميم الموقع او المدونة , وليس المقصود هنا padding بل المقصود المكان نفسه في الكود وينتهي دائماً ب نقطتين فوق بعضهم هكذا :
3px هذا المكان في الكود يُسمى value او القيمة المعطاه للخاصية المحددة
; الفاصلة المنقوطة تكون فاصل بين كل كود والاخر مثال الكود هذا
#outer-wrapper {padding: 3px; margin: 0px;}
وبهذا نكون قد اطلعنا على اساس وضع اكواد هذه التقنية الجميلة
اترككم في رعاية الله إلى درساً جديد من دروس الدورة
التعليقات