CSS} Language} =>|| الأساسيات

Abu.Rajih

نبيل
مستوى التفاعل
541
الدرس الاول : أساسيات لغة الـ CSS

تكتب هذه اللغة داخل تاج الستايل


PHP:
<style>

 هنا CSS Code

</style>






وبما انك تريد تعلم هذه اللغة على الاغلب انت فاهم ولو 30% في لغة HTML


طيب ي بوراجح وين اكتب هذا الكود في صفحتي الـ HTML ؟

هذه اكواد اساسية لأنشاء صفحة HTML


PHP:
<html>
<head>
<title> عنوان الصفحه </title>

<style>

تاج الستايل يوضع داخل تاج الـ هيد

</style>

</head>

<body>

</body>
</html>





مفهوم؟؟

ندخل الان في طريقة تعديل التصميم

اولاً هذه الأساسيات يتوجب عليك معرفتها وفهمها بشكل جيد

تعديل الكل:

لتعديل شكل جميع التاجات خلنا نقول مثلا هذا التاج (<body>)

سوف نقوم بكتابة الكود داخل الستايل طبعا بهذا الشكل


PHP:
<style>

body{ هنا تكتب الاضافات وراح اشرحها بكره بإذن الله }

</style>




body التي داخل تاج الستايل هي إستدعاء او خلنا نسميه اتصال بتاج <body>

ويمكن الاتصال بأي تاج في صفحتك مثلا عندك تاج
<h1></h1>

يمكنك الاتصال به بهذه الطريقه

PHP:
<style>

h1{الاضافات هنا مثل تغير اللون او حجم الخط الخ}

</style>






في صفحات HTML اغلب التاجات لها class والبعض الاخر لها id

وطريقة الاتصال بالتاج تختلف
طبعاً انتهيت من شرح الاتصال بالتاج (بطريقة سميناها تعديل الكل)

الان تعديل مجموعه معينه بإستخدام class

تحديد مجموعة معينة:

طبعاً مثل ماقلت لك class اذا تواجد في التاج فهو يرمز لمجموعه من التاجات التي تكون داخل التاج الذي يحتوي على class

مثال لكي تفهم


PHP:
<div class='group'>

<b>salim</b>
<b>marwan</b>
<b>raid</b>

</div>





طبعا تاج <div> فيه class وداخل تاج <div> اشخاص

يمكننا تغير شكل البيانات داخل تاج <div>

بالاتصال بـ class
طريقة الاتصال به تكون بهذه الطريقه


PHP:
<style>
.group{هنا الاضافات مثل تغير اللون الخ}
</style>




يضاف قبل اسم الكلاس . انتبه وركز على هذه النطقه

واخيراً وليس اخراً يوجد ايضاً في بعض التاجات id
وهي عباره عن ترميز لتاج واحد


تحديد تاج واحد
شكل التاج حلو؟


PHP:
<b id='x'>Abu.Rajih</b>






طريقة الاتصال باالتاج الذي يحتوي على id


PHP:
<style>

#x{هنا اكتب الاضافات مثل تغير لون الخط الخ}

</style>




تكتب قبل اسم id #


اتمنى اكون افدتكم
واي إستفسار انا بالخدمه

وغدأ سأشرح الاضافات مثل اللون وتغير الخلفيه الخ

 
التعديل الأخير:
أعلى