--------------------------------------------------------------------
ما هى CSS ?
هى عبارة عن اختصار الى Cascading Style Sheets والتى تعنى صفحات الانماط المتتالية وهى التى تجعلك تتحكم فى تصميمك وفى الشكل الذى يظهر به فى النهاية ويجب قبل معرفتها أن تكون على دراية ولو بسيطة عن Html لكن لا تقلق كل شيء سيتم شرحة بطريقة سهلة وبسيطة.
--------------------------------------------------------------------
بعض أساسيات CSS الهامة التى سنستخدمها
قبل البدء احب أن أوضح شيئا هاما جدا أنه عند إضافة أى مكون من مكونات قوالب بلوجر يكون له تعريف خاص به مثل الهيدر “ Header “ ويتم تعريفه عن طريق إما ID أو Class والفرق بينها كالتالى :-
* CLASS يمكن استخدام الاسم المعرف به اكثر من مرة فى القالب .
* ID يمكن استخدامه مرة واحدة فقط فى القالب .
وعند تعريفهم بواسطة CSS
- CLASS يتم وضع علامة (. ) قبل الاسم المعرف به
- ID يتم وضع علامة ( # ) قبل الاسم المعرف به
--------------------------------------------------------------------
المكونات الخاصة بــ CSS
property : value ;
}
- SLECTOR عبارة عن التعريف التى تم وضعه فى الاكواد عند بدء تكوين البنية الاساسية للقالب.
- PROPERTY عبارة عن الخصائص التى تحب ان يكون عليها القالب من الخط والخلفية والالوان وغيرها.
- VALUE هى عبارة عن القيمة الخاصة بالخصائص ( مثال الخط& : 20 واللون : أحمر والخلفية : اسود )
- { } هى عبارة عن الاقواس الخاصة ببداية تعريف الخصائص ونهايتها .
--------------------------------------------------------------------
الخطوط وما يلزمها “ Font .Header
font-family: tahoma , Times New Roman, Arial;
font-size:30px;
font-weight:bold;
color: #FFFFFF;
font-style: italic;
}
الخطوط من أهم ما يزين قالب المدونة لكن اذا تم استخدامها باحتراف وفنية عالية
--------------------------------------------------------------------
نوع الخط “ font-family “
نوع الخط ويمكنك اختيار ما تشاء من الخطوط ووضعها بحسب الترتيب لانه سيختار الأول فالثانى فسيختار Tohoma وان لم يجده سيختار Times New Roman وهكذا .
--------------------------------------------------------------------
حجم الخط “ font-size “
حجم الخط يمكنك اختيار ما تشاء كل ما عليك هو تغير الرقم 30 إلى ما تريد ويجد الكثير من القياسات منها
(pt , % , em ) إلا أننى افضل التعامل مع px.
--------------------------------------------------------------------
سماكة الخط “ font-weight “
سماكة الخط يمكنك الاختيار من
- Normal عادى - Bold تخين
--------------------------------------------------------------------
لون الخط “ color “
لون الخط ويمكنك اختيار ما تريد من الالوان ووضع الرقم الكودى الخاص بالألون ويوجد العديد من البرامج التى تدعم تناسق الالوان وايضا تمدك بالاكواد الخاصة بها وهذه تدرجات الالوان واكواده http://www.w3schools.com/html/html_colors.asp
باقى الاجزاء ستجدها هنا على مدونة تصميمات مصر
موقع مصر ديزين يرحب بكم
