كتاب شرح كامل عن لغة css شرح مبسط و شامل pdf مجانا

مقالنا اليوم عن كتاب شرح كامل عن لغة css للكاتبة حنان حسن بصيغة pdf مجانا.

كتاب شرح كامل عن لغة css يعتبر اختصار مبسط لأهم نقاط لغة css و هي أحد لغات البرمجة المشهورة و المهمة لأي مبرمج و يتميز الكتاب بشرحه المميز و البسيط لهذه اللغة.

شرح كامل عن لغة css

حنان حسن.

١٥٩ صغحة.

برمجة.

شرح كامل عن لغة css

ما هي تقنية CSS ؟ CSS هي اختصار لي .Cascading Style Sheets CSS هي لغة تصميم تحدد شكل وثيفة HTML ، فهي تهتم بالخطوط ، الألوان ، الهامش ، والعرض والارتفاع ، صورة خلفية الموقع .

وكيفية توزيع المساحات وأشياء أخرى كثيرة ، ما الفرق بين CSS و HTML تستخدم لوضع هيكلية ونظام منطقي للمحتويات .

أما CSS فهي تستخدم لإضافة تصميم لهذه المحتويات . حسنا ، قد يبدو هذا مريكا لكن أكمل القراءة وستفهم ما قرأته قريبا .

في الماضي القريب اخترع رجل اسمه تيم بيرنرز لي شبكة الويب ، في ذلك الوقت كانت HTML تستخدم فقط لإضافة هيكلية للنص ، الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلا ” هذا عنوان

” أو ” هذه فقرة ” ويستخدم وسوم HTML مثل < p > < h1 > مع ازدياد شهرة شبكة الويب بدأ المصممون في البحث عن طرق لإضافة تصميم للوثائق .

ولتلبية رغباتهم قام مبرمجوا المتصفحات – نيتكسيب ومايكروسوفت –

باختراع وسوم HTML جديدة مثل < font > الذي يختلف عن وسوم HTML الأصلية بأنه يهتم بالشكل لا بالهيكلية .

أدى ذلك إلى أن تستخدم وسوم هيكلية مثل < table > بشكل خاطئ .

حيث استخدام هذا الوسم لتحديد تصميم الصفحة بدلا من إضافة معنى للنص ، والكثير من الوسوم التي اخترعت مثل < blink > كانت فقط مدعومة من قبل متصفح واحد .

أصبحت جملة ” ستحتاج إلى المتصفح الفلاني لرؤية هذه الصفحة ” مألوفة في مواقع الشبكة .

ابتكرت CS5 لعلاج هذه المشكلة لأنها توفر للمصممين طرقا فعالة وعملية لإنشاء التصاميم وهذه التصاميم ستكون مدعومة من قبل جميع المتصفحات في نفس الوقت .

والفصل بين شكل الصفحة ومحتوياتها يبسط عملية إدارة الموقع بشكل كبير . كيف ستفيدني CSS ؟ تعتبر CSS ثورة في عالم تصميم المواقع

إمكانية أكبر وأدق للتحكم بتفاصيل التصميم . إنشاء تصاميم خاصة لمختلف وسائل عرض الموقع مثل الشاشات والطابعات والهواتف النقالة .. إلخ .

العديد من التقنيات والأساليب المتقدمة في التحكم بالتصميم . درس 2 : كيف تعمل تقنية CSS .

في هذا الدرس ستتعلم كيف تقوم بإنشاء ملف التصميم الأول ، ستتعلم أساسيات CSS وما هي الوسوم اللازمة لتستخدم CSS في وثيقة .

شرح كامل عن لغة css

HTML الكثير من خصائص CSS تشبه تلك المستخدمة في HTML ، لذلك إذا تعلمت HTML واستخدامتها لإنشاء التصاميم فأنت في الغالب ستتمكن من تعلم CSS بسهولة ، لنلقي نظرة على هذا المثال الأساسي .

القواعد الأساسية لكتابة CSS لنقل أننا تريد اللون الأحمر ليكون خلفية للصفحة تفعيل CSS في صفحة HTML هناك ثلاث طرق يمكن أن تستخدمها لتفعيل CSS .

في صفحة HTML ( 3 طرق لكتابة الـ STYLE ) هذه الطرق مشروحة أدناه .

ونحن ننصح بأن تركز وتستخدم الطريقة الثالثة ، وهي أن تضع CSS في ملف منفصل .

( أن تضع CSS في ملف منفصل ) الطريقة 1 :

ضمن وسوم HTML باستخدام خاصية style إحدى الطرق لتفعيل CSS في HTML هي باستخدام خاصية style ، لنأخذ مثالا على أساس المثال أعلاه الذي أردنا فيه استخدام اللون الأحمر كلخفية للصفحة .

يمكن تطبيق هذا الأمر بهذا الشكلخلال الملف لاحظ كيف أن مسار الملف حددناه باستخدام خاصية .href هذا الأمر يجب أن يوضع في قسم رأس الصفحة ، أي بين وسمي < head > < head / > كما في المثال الآتي :

هذا الرابط يخبر المتصفح بأن عليه استخدام التصميم من ملف CSS عندما يقوم بعرض ملف HTML .

الجميل هنا أنك تستطيع ربط العديد من ملفات HTML بملف تصميم واحد بمعنى آخر يمكن لملف تصميم واحد أن يستخدم للتحكم بتصميم العديد من ملفات .

HTML ملحوظة هامة هذه الفكرة يمكنها أن توفر عليك الكثير من الوقت والجهد .

إذا أردت مثلا أن تغير لون خلفية موقع يحوي 100 صفحة فملف التصميم يمكنه أن يوفر عليك الوقت فلا تحتاج إلى تعديل 100 ملف بنفسك .

باستخدام CSS يمكن تغيير ما تريد خلال ثواني بتغيير سطر واحد في ملف التصميم . لتتدرب على ما تعلمناه حتى الآن .

شرح كامل عن لغة css

غير مفهرس

من هنا