-لغة التعديل علي ال html) لغة ال(CSS):
ال CSS معناها أوراق الأنماط المتتالية (بالإنجليزية: Cascading Style Sheets) اختصارًا: سي إس إس (بالإنجليزية: CSS)؛ هي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق (الألوان - الخطوط - الأزرار...) عن محتوى المستند المكتوب (بلغة مثلا إتش تي إم إل) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة.
هذه التقنية تعنى بالمظهر الكلي لصفحات مواقع الويب من ألوان وصور وغيره. ويمكن إضافته للصفحة بعدة طرق أفضلها التضمين الخارجي بكتابة شفرة السي إس إس في ملف منفصل. وقد تم تطويرها لتصل حاليا إلى سي إس إس 3 والذي أضيف إليه عدة إضافات رائعة لم تكن متاحة في الإصدار السابق وكان إنجازها يتم فقط بjquery
_______________________
تكتب اكوادها بهذا الشكل :
الخاصية مثل width :قيمتها مثل 50px;
-اكوادهاا:
width العرض
height الطول
Padding الهامش الداخلي
Margin الهامش الخارجي
Font-size حجم الخط
Over flow:)(hieeden،auto ضبط المحتوي
Border:2px solid colorالحدود
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;
Color لون الخط
Background-(color,,img) الخلفية
Float تحريك العناصر
display:(inline-block-inline block)
طريقة العرض
style-list اسلوب القائمة
(square,cicle,upper-roman,lower-alpha,none)
Position :( absoulotly,relative,fixed)موقع العناصر
Text-align مكان النص
Visibility الظااهريه
Z-inside تداخل العناصر
(box-sizing:(box-border)
(box-shadow:( 10px 10px 5px 0 gray)
Widows نافذة
(media only screen and(min,max@
تغير شكل الشاشه عند التكبير والتصغير
carser تغير شكل المؤشر
active تلوين العنصر
hover اعداد للتحويل
transition: width,height 2s تحول
transform : rotate (180deg) 2s
الانيميشن
animation: اسمه، مدته، عدد تكراره
}
@keyframes اسم الانميشن { استدعاء
{الخواص
============
ويتم التعديل علي اكواد ال html باستخدام ال css كالاتي:
1-اذا كان الكود نفسه مثلا ال p يكتب في ملف ال style.css هكذا:
P{
بين القوسين يكتب التعديل
}
واذا كان اسم الكود اي ال class الخاص به مثل
< "p class="ahmed>
<"p id="ahmed >
تضع نقطه قبله اذا كان من النوع class ويضع # اذا كان من النوع id و يكتب هكذا:
.ahmed{
#ahmed{
واذا كان الكود بداخل اكثر من كود مثل
<"div class="ahmed>
<"div class="ali>
<p></p>
</div>
</div>
يكتب
} ahmed .ali p.
{
شاهد التطبيق العملي.....
شاهد التطبيق العملي.....
________________________
تابعونا علي قناتنا:
ليست هناك تعليقات:
إرسال تعليق