Css Programming Tutorials, Guides & Best Practices

Update Tailwind config:

theme: {
  extend: {
    colors: {
      primary: 'hsl(var(--primary))',
      // etc.
    }
  }
}

No preview available for this content.

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

قبل البدء، يُفضل أن يكون لديك معرفة بسيطة باللغات التالية:

• Minimum Value: The smallest value the property can shrink to.
• Preferred Value: The value the property will normally aim for.
• Maximum Value: The largest value the property can grow to.

h1 {
    font-size: clamp(1.5rem, 5vw, 3rem);
}

:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --font-size: 16px;
}

body {
    color: var(--primary-color);
    font-size: var(--font-size);
}

In the example above, we define --primary-color, --secondary-color, and --font-size as custom properties. These variables are then used within the body element by calling var(--variable-name).