CSS (أوراق الأنماط المتتالية)

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

نوع MIME

text/css

النوع

نص

الضغط

بدون فقدان

المزايا

+ Separates presentation from content (HTML)
+ Powerful layout systems: Flexbox, Grid, and container queries
+ Custom properties enable theming and dynamic values
+ Media queries enable responsive design for all screen sizes

العيوب

− Global scope can cause unintended style conflicts
− Browser compatibility differences require testing
− No native variables before custom properties (pre-2017)

متى تستخدم .CSS

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

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

يستخدم CSS محددات لاستهداف عناصر HTML وكتل إعلان لتطبيق الأنماط. تحدد قواعد التتالي والخصوصية والوراثة أي الأنماط لها الأولوية. يتضمن CSS الحديث Flexbox وGrid والخصائص المخصصة (المتغيرات) واستعلامات الحاوية.

التاريخ

اقترح Hakon Wium Lie تنسيق CSS في 1994 في CERN. نُشر CSS1 في 1996 وCSS2 في 1998 وأدخل CSS3 مواصفات نموذجية بدءاً من 1999. تستمر ميزات CSS الحديثة مثل Grid وFlexbox والخصائص المخصصة في التطور.

التحويل من .CSS

.css → .html .css → .js .css → .json .css → .jsx .css → .less .css → .scss .css → .ts .css → .tsx

التحويل إلى .CSS

.html → .css .js → .css .json → .css .jsx → .css .less → .css .scss → .css .ts → .css .tsx → .css

صيغ ذات صلة

.c .cpp .csv .go .java .js .json .jsx .less .py .rs .scss .sql .toml .ts .tsv .tsx .xml .yaml .yml

مصطلحات ذات صلة

Aspect Ratio (CSS) BEM Calc Cascade Color Function CSS max() CSS min() CSS Nesting Selector CSS Paint API CSS Scope Custom Properties Inheritance Data URI EPUB Keyframe Animation lab() Layer Nesting Popover Specificity Stacking Context

Learn More

CSS Units Explained: px, em, rem, vh, and When to Use Each

CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …

JSON vs YAML vs TOML: Choosing a Configuration Format

Configuration files are the backbone of modern applications. JSON, YAML, and TOML each offer different trade-offs between readability, complexity, and …

Flexbox vs CSS Grid: A Practical Comparison

Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …

How to Format and Validate JSON Data

Malformed JSON causes silent failures in APIs and configuration files. Learn how to format, validate, and debug JSON documents to …

Base64 Encoding: How It Works and When to Use It

Base64 converts binary data into ASCII text, making it safe for transmission through text-based systems. Learn when Base64 is the …

How to Create CSS Gradients: Linear, Radial, and Conic

CSS gradients create smooth color transitions without image files. Learn to build linear, radial, and conic gradients with precise control …

حالات الاستخدام

T Minifying and Optimizing CSS for Production Deployment