css

.css — ورقة الأنماط المتتالية

World Wide Web Consortium (W3C) · 1996

المطور

World Wide Web Consortium (W3C)

الفئة

ملفات الويب

نوع MIME

text/css

تاريخ الإصدار

1996

تنسيق مفتوح

نعم

توقيع الملف

No specific magic bytes; typically starts with '@charset' or CSS rules

ما هو ملف .css؟

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

البرامج التي تفتح ملفات .css

المنصة	البرنامج
ويندوز	Visual Studio Code	مجاني
	Notepad++	مجاني
	Sublime Text	مدفوع
	Adobe Dreamweaver	مدفوع
ماك	Visual Studio Code	مجاني
	Sublime Text	مدفوع
	BBEdit	مدفوع
	TextEdit	مجاني	رسمي

المشاكل الشائعة مع ملفات .css

⚠️ الأنماط لا تُطبق كما هو متوقع.

تحقق من أخطاء بناء الجملة، أو المحددات غير الصحيحة، أو مشاكل التخصيص. تأكد من ربط ملف CSS بشكل صحيح في مستند HTML وقم بمسح ذاكرة التخزين المؤقت للمتصفح.

⚠️ مشاكل في التخطيط أو ظهور العناصر بشكل غير صحيح.

افحص أدوات المطور في المتصفح لتصحيح الأنماط، والتحقق من القواعد المتعارضة، أو التحقيق في خصائص `box-model` و `flexbox`/`grid`.

⚠️ اختناقات الأداء بسبب ملفات CSS الكبيرة.

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

الأسئلة الشائعة

ما هو الغرض الأساسي من CSS؟▼

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

هل يمكن استخدام CSS بدون HTML؟▼

بينما تم تصميم CSS لتنسيق لغات الترميز، بشكل أساسي HTML و XML، لا يمكنه الوجود بشكل مستقل لعرض المحتوى. إنه يحتاج إلى مستند منظم (مثل HTML) لتطبيق أنماطه على العناصر داخل هذا المستند.

ما هي أطر عمل CSS؟▼

أطر عمل CSS هي مكتبات CSS مكتوبة مسبقًا توفر أساسًا لتطوير الويب بشكل أسرع وأكثر اتساقًا. غالبًا ما تتضمن مكونات جاهزة للاستخدام، وشبكات، وأدوات مساعدة، مثل Bootstrap، Tailwind CSS، أو Bulma.

التفاصيل التقنية

ملفات CSS هي ملفات نصية بسيطة تتكون من سلسلة من القواعد، تحتوي كل منها على محدد وكتلة إعلان. بينما لا توجد 'بايتات سحرية' محددة في البداية، غالبًا ما تبدأ ملفات CSS بقاعدة `@charset` اختيارية أو مباشرة بقواعد النمط، مثل `body { ... }`. يقوم المتصفحات بتحليل هذه القواعد لتطبيق الأنماط على العناصر المقابلة.

هل تعلم؟

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

معلومات الأمان

ملفات CSS بحد ذاتها آمنة بشكل عام، فهي ملفات نصية تحدد العرض. ومع ذلك، يمكن استخدام CSS الخبيث بالاقتران مع JavaScript و HTML (على سبيل المثال، من خلال حقن الأنماط) لتشويه مواقع الويب، أو استخراج البيانات (على سبيل المثال، من خلال محددات السمات أو أنماط تشبه مسجل المفاتيح)، أو إنشاء صفحات تصيد متطورة. تأكد دائمًا من أن ملفات CSS تأتي من مصادر موثوقة وقم بتنظيف الأنماط التي ينشئها المستخدم.