ما هو Css

جدول المحتويات:

ما هو Css
ما هو Css

فيديو: ما هو Css

فيديو: ما هو Css
فيديو: ما هي لغة CSS ؟ 2024, شهر نوفمبر
Anonim

CSS عبارة عن ورقة أنماط متتالية تُستخدم لإنشاء عناصر مرئية على صفحة موارد الإنترنت. يتم تنفيذ عرض الكائنات المحددة في CSS بلغة ترميز HTML. لا يمكن استخدام الجداول المتتالية بمفردها.

ما هو css
ما هو css

باستخدام CSS

CSS هي لغة نمط تنفذ عرض عناصر ترميز HTML. تسمح لك الجداول المتتالية بتخصيص الخيارات التي لا يمكن تغييرها في HTML. على سبيل المثال ، باستخدام لغة النمط ، يمكنك تحرير نمط الخط واللون. يتيح لك CSS تعيين الهوامش والخطوط والحشو والعرض وعناصر الموضع وتنفيذ إخراج تلك المعلمات التي يستحيل تنفيذها باستخدام HTML "خالص".

يتم دعم أوراق الأنماط المتتالية بواسطة جميع المتصفحات تقريبًا ويتم استخدامها في أي مورد ويب تقريبًا. يتحكمون في عرض المحتوى باستخدام لغة محددة ويسمحون لك بالتحكم في عرض العناصر لوسائط مختلفة.

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

بناء جملة CSS وإدراجه في كود HTML

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

يحتوي CSS على بناء جملة مختلف عن HTML ويتم تضمينه في رمز الصفحة من خلال العلامات. يمكنك أيضًا دمج كود CSS الموجود في ملف منفصل باستخدام علامة المعلمات:

يحتوي كود CSS على صيغة معينة ، والتي يجب الالتزام بها بشكل صارم ، وإلا فلن يتم عرض الأنماط التي تم إنشاؤها على الصفحة. يمكن تقسيم قسم من كود CSS إلى 3 عناصر رئيسية: المحدد والممتلكات والقيمة. هذه العناصر مكتوبة على النحو التالي:

المحدد {الخاصية: القيمة؛ }

يحدد المحدد المقبض الذي تنطبق عليه قاعدة العرض التي تم إنشاؤها. تحدد معلمة الخاصية الجانب القابل للتحرير للعنصر ، وتحدد القيمة الخيار المقابل للخاصية. على سبيل المثال ، لتغيير اللون في عنوان المستوى الثاني

HTML ، يمكنك تطبيق الكود التالي:

h2 {color: red؛ }

يقوم هذا الرمز بتعيين لون النص إلى اللون الأحمر ، والذي يوجد في واصف عناوين المستوى الثاني.

يستخدم CSS جدول ألوان HTML القياسي.

بالإضافة إلى استخدام العلامات ، يمكنك أيضًا استخدام العلامات الداخلية. فمثلا:

عنوان

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