باسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
السلام عليكم و رحمة الله و بركاته
ما هو CSS ؟
لغة css هي اختصار لكلمة Cascading Style Sheets وهي لغة الانماط القياسية كما يتكلم عنها البعض "السي اس اس" او لغة css او كما يدعي البعض ويناديها بـ web 2 هي لغة وفرت الجهد والتعب بكتابة المظهر وتنسيقه, تخيل معي انه من الان تستطيع فصل وسوم HTML عن انماطها واشكالها والتعبير بملف منفرد فـ css تقوم بتوفير كتابة الملفات وهي لغة تقوم بالتحكم بمظهر ووسوم لغة HTML من امكانيات عالية الدقة والتحكم بشكل دقيق بخصائص وانماط وسوم ووصوف HTML .
هل تستطيع أن توضح أكثر ؟
HTML و css
ترتبط الوثاقه بينهم حيث انها تهتم بشكل الخطوط والصور والألوان والجداول
وصور لخلفية الموقع, والأيطارات وأيضاًَ توزيع وتقسيم الصفحه بشكل سليم
وطبعاًَ هنالك أشياء كثيره ترتبط بينهم..
وعلى أهمها بشكل أساسي مشكلة بعض أكواد HTML, على سبيل المثال كود <table> حيث انها كانت تعتمد على متصفحات معدودة الأصابع حينها أتت تقنية Css
وحلت هذه المشكله بجميع المتصفحات من خلال أكوادها و تطويرها من المصممين
والمطورين المشهورين بشكل أفضل وبشكل سليم خالي من الأخطاء نستطيع أن نقول انها حل كبير لمشكله تناسق الصفحات وتصميمها والبعض لآيعرف عنها أي شئ ..
كيفية العمل 'مثال'
تقنية css يمكنك من خلالها التحكم بتصميم موقعك بالكامل من خلال ملف واحد فقط و الملف يكون بصيغة .css
تعمل تقنية css على أكثر وأشهر المتصفحات العالمية , وتعمل أيضاًَ مع وثوق HTML حيث انهما أيضاًَ متقاربين بين الخصائص وطبعاًَ فيها اختلافات.
تعمل التقنية بأبسط طرق وليست صعبة جداًَ... لكن يجب المداومة في العمل و أخذ بعض الدروس و ما أكثرها مجانا..!! لنرى كيف تعمل هذه التقنية...
لنفرض أننا نريد أن نلون خلفية صفحة ما ...
<body bgcolor="#CCCCCC">
الكود في الأعلى حين نقوم بذمج الـ HTML بـ CSS
أما التالي فهو كود الـ CSS وحده و يوضع في ملف الـ .css خاص "كما قلنا سابقا"
body {background-color: #CCCCCC;}
لنقم بتوضيح , ماهي هذه الأكواد ؟
- Body هو وسم من وسوم HTML, وهو (Selector) الأختيار الذي سوف يتم تطبيق أكواد css عليه.
- background-color هي الخاصيه (Property) حيث ستكون خاصية وسم الاختيار.
- # CCCCCC هي القيمة (Value) حيث سوف تكون قيمة و هنا القيمة هي اللون.
آمل أن تكون قد استفدت من هذا الشرح البسيط و المرجو من سيادتكم مشاركة أصدقائكم الموضوع المشاركة في قائمة البريد الإلكتروني للتوصل في الجانب بالجديد ...
السلام عليكم
المشاركات
0 commentaires:
إرسال تعليق