[ 1 ] مقدمة حول css
مرسل: 29 أكتوبر 2008, 02:46
مقدمة في css !
css هي اختصار CASCADING STYLE SHEETS ويمكن القول بالعربيه انها صفحات الستايل المتشعبه !
وتعتبر كأمتداد للغة HTML الاساسية حيث تمكنك من تشكيل / تنسيق صفحة الويب الخاصه بك .
مثلاً في صفحة HTML عادية نحن نستخدم وسم<b></b> لجعل النص سميك ، لا شيء خاطئ في هذا العمل لكن تخيل لو لديك مثلا 30 كلمة ذات الوسم نفسه ؟ وتريد ان تغيرها الى مائلة او اي شكل اخر :?
مثال اخر لنقول لديك جملة ما و تريد ان يكون نوع الخط هو Tahoma و و لون الخط هو اخضر :mrgreen: و الخط سميك سنكتب كود كهذا ..
تخيل الان انك تريد تشكيل 20 جملة ما شكل الصفحة لديك سيكون تنسيقاً و حجمها الكبير :shock: بينما باستخدام
css يمكنك اسم بشكل معين و اضافة وتعريفه بكل بساطه
مثلاً /
و بين عناصر <head></head> سنضع التالي /
ليظهر النص كما اردنا .
ايضا يمكننا طلب ملف لقرأة التشكيل من ملف خارجي ايضاً سنضع مسار الطلب بين عنصري <head></head> كالتالي /
مع الملاحظه ان امتداد هذا الملف يجب ان يكون
css.
وللحديث بقية
___________________
المصدر CSS Tutorial
css هي اختصار CASCADING STYLE SHEETS ويمكن القول بالعربيه انها صفحات الستايل المتشعبه !
وتعتبر كأمتداد للغة HTML الاساسية حيث تمكنك من تشكيل / تنسيق صفحة الويب الخاصه بك .
مثلاً في صفحة HTML عادية نحن نستخدم وسم<b></b> لجعل النص سميك ، لا شيء خاطئ في هذا العمل لكن تخيل لو لديك مثلا 30 كلمة ذات الوسم نفسه ؟ وتريد ان تغيرها الى مائلة او اي شكل اخر :?
مثال اخر لنقول لديك جملة ما و تريد ان يكون نوع الخط هو Tahoma و و لون الخط هو اخضر :mrgreen: و الخط سميك سنكتب كود كهذا ..
كود: تحديد الكل
<font color="#008000" face="Tahoma"><strong>الجملة هنا</strong></font> تخيل الان انك تريد تشكيل 20 جملة ما شكل الصفحة لديك سيكون تنسيقاً و حجمها الكبير :shock: بينما باستخدام
css يمكنك اسم بشكل معين و اضافة وتعريفه بكل بساطه
مثلاً /
كود: تحديد الكل
<p class="MyStyle">جملتي ذات الشكل الذي حددته</p> و بين عناصر <head></head> سنضع التالي /
كود: تحديد الكل
<style type="text/css">
<!--
.myNewStyle {
font-family: Tahoma;
font-weight: bold;
color: #008000;
}
-->
</style>ليظهر النص كما اردنا .
ايضا يمكننا طلب ملف لقرأة التشكيل من ملف خارجي ايضاً سنضع مسار الطلب بين عنصري <head></head> كالتالي /
كود: تحديد الكل
<link href="myFirstStyleSheet.css" rel="stylesheet" type="text/css"> مع الملاحظه ان امتداد هذا الملف يجب ان يكون
css.
وللحديث بقية
___________________
المصدر CSS Tutorial