Abu.Rajih
نبيل
- مستوى التفاعل
- 541
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
طبعاً شرحنا الاساسيات وقلنا يتوجب عليك معرفة على الاقل 30% من لغة HTML لتفهم هذه اللغه بالشكل الصحيح والفائده منها
واليوم سأشرح الخصائص التي تستخدم في هذه اللغه ويمكن استخدامها ايضاً في ستايل الـ HTML الذي يكون داخل التاج
لكي تفهم ما اقصد
في HTML يتم تعديل لون الخط بهذه الطريقه وهذا يعني انه هذا التاج فقط سيتم تغير لونه وليس كل التاجات
السلام عليكم ورحمة الله وبركاته
طبعاً شرحنا الاساسيات وقلنا يتوجب عليك معرفة على الاقل 30% من لغة HTML لتفهم هذه اللغه بالشكل الصحيح والفائده منها
واليوم سأشرح الخصائص التي تستخدم في هذه اللغه ويمكن استخدامها ايضاً في ستايل الـ HTML الذي يكون داخل التاج
لكي تفهم ما اقصد
في HTML يتم تعديل لون الخط بهذه الطريقه وهذا يعني انه هذا التاج فقط سيتم تغير لونه وليس كل التاجات
PHP:
<b style='color:red;'> SALIM </b>
وفي الستايل شيت CSS
لتغير لون الخط مثل ما قلنا اذا تبي تغير لون تاج واحد فقط ترمز له بـ id ثم تتصل به من خلال لغة CSS بهذا الشكل
اولا هذا التاج الي رمزنا له بـ id والاي دي حقه A
PHP:
<b id='A'> SALIM </b>
الان ننشئ اتصال بهذا التاج من خلال CSS بهذه الطريقه
PHP:
<style>
#A {color:red;}
</style>
مفهوووم؟
طيب الان عندنا شغله راح اشرحها لكم وهي الخصائص
ماذا تقصد بالخصائص؟؟
بشكل اوضح
color:red;
هذه من الخصائص ,, والمقصود بالخصائص هي التي تستخدم لتغير شكل او لون او نوع التاج المحدد
بعطيكم اليوم بعض الخصائص مع شرح لكل خاصية ,, طبعاً الخصائص كثيره مره ولكن راح اشرح لك الاشياء الاساسيه او التي تستخدم اكثر شي والباقي بيعتمد عليك وعلى رغبتك بالتعلم
اولاً سأبدا بشرح خصائص الخلفيه او background ونكتفي بها لهذا اليوم
هذه تاجات الاساسية للـ HTML لبناء صفحة
PHP:
<html>
<head>
<title></title>
<style>
</style>
</head>
<body>
</body>
</html>
تاج الخلفية في الـ HTML هو تاج <body>
لذلك راح نتصل به من خلال لغة CSS بهذه الطريقه
الخصائص كتبتها ارقام عشان لا تضيع لان بشرحها تحت فقط غير الارقام بالخصائص التي تبيها انا ابيك تفهم الطريقه ولو ما فهمت استفسر واسأل
PHP:
<html>
<head>
<style>
body{1;2;3;4;5;6;7;8;9;}
</style>
</head>
<body>
</body>
</html>
لتغير لون الخلفية من الابيض الى اي لون سنستخدم هذه الخاصيه
PHP:
background:black;
لما نستخدمها بتصير الخلفيه لونها كذا
وأيضا عندك هذه الخاصيه لمن لديه المعرفة في مزج الالوان =)
وهي تسمى RGB color scheme
لكي تفهم
R =Red ويقصد بها اللون الاحمر
G = Green ويقصد بها اللون الاخضر
B = Blue ويقصد بها اللون الازرق
تكتب الخاصية بهذا الشكل
طبعاً الحد الادنى لدرجه اللون 0 والحد الاعلى 255
PHP:
background:rgb(255,0,0);
لاحظ لون الخلفيه عندي صار لونها احمر
وتوجد خاصيه لجعل الخلفيه شفافه
لكي تفهم الخاصيه
شرح للخاصيه
R =Red ويقصد بها اللون الاحمر
G = Green ويقصد بها اللون الاخضر
B = Blue ويقصد بها اللون الازرق
A = Alpha ويقصد بها الشفافيه
تكتب الخاصية بهذا الشكل
طبعاً الحد الادنى لدرجه اللون 0 والحد الاعلى 255
ودرجه الشفافيه لازم يكون قبلها نقطه > . < والحد الادنى لدرجة الشفافيه .1 والحد الاعلى .100
PHP:
background:rgba(255,0,0,.1);
بيطلع معنا اللون الخلفيه كذا
ايضا يوجد طريقه اخرى لتغير لون الخلفيه وهي بمزج الالوان ولكن تكتب بـ hexdecimal
الهيكس ديسيمل الحد الادنى 0 والحد الاعلى F
طريقة كتابة الخاصيه بهذا الشكل
طبعا لكي تفهم تقدر تكتب كذا
هنا اول رقمين من اليسار للون الاحمر والرقمين الي في النص هم للون الاخضر واخر رقمين للون الازرق
#0f00a0
او تكتب كذا ايضا اول رقم احمر والرقم الي في النص اخضر واخر رقم للازرق
#0f0
PHP:
background:#0000ff;
وبيطلع معنا
اتمنى تكونوا فهمتوا شي
يمكنك الاكتفاء بواحده لو اذا تريد ولكن حبيت اشرح البعض منها للأستفاده ومعرفتها لا اكثر
طبعا هذا الجزء الاول للخصائص التي تستخدم للخلفيه واذا فضبت بإذن الله بشرح لكم خاصية وضع صوره خلفيه وطريقة ضبط قياساتها واصلاحها الى اخر
ان شاء الله