والوحدات المحددة مسبقاً تأخذ تقريبا المقاسات التالية:
thin = 1px
medium = 3px
thick = 5px

ركز الان فقط على ال px والوحدات المحددة مسبقا واترك بقية وحدة القياس لحين الوصول الى مستوى اعلى (استجابة الموقع)

بالنسبة للون color
فإن هناك اكثر من طريقة لتعيين لون للعناصر او الحدود .... وهي:
name - specify a color name, like "red"
HEX - specify a HEX value, like "#ff0000"
RGB - specify a RGB value, like "rgb(255,0,0)"
HSL - specify a HSL value, like "hsl(0, 100%, 50%)"
transparent
اكتفي حاليا بالاولى والثانية
مثلا للون الأسود:
الطريقة الأولى : black
الطريقة الثانية: 000000#

ولتخصيص الحدود على جانب معين فقط اكتب:
- border-top
- border-right
- border-bottom
- border-left

وبدلا من كتابة الخصائص الثلاثة المذكورة سابقاً بهذه الطريقة:

يمكنك اختصارها بالشكل التالي
حيث تأخذ القاعدة:
border: [style] [width] [color]

ولان الحواف الحادة عادة مزعجة
نستخدم هذه السمة لعمل دوران خفيف للحواف
ضع القيمة التي تراها مناسبة بدلا من الـ 5PX

border-radius: 20px;

حتى الـ body لها حواف
ولكن كيف ستكون ؟ هل ملئ الشاشة؟

جـ/ لا بحسب المحتوى الموجود

الى هنا انتهينا من الحدود border

___________________________________________

ننتقل الى الخاصية الثانية وهي الخلفية background

وفيها الخصائص التالية:

background-color
for body and h1

🛑🛑 لاحقاً
الـ CSS Selectors
وانواعه
- The CSS element Selector
- The CSS id Selector
- The CSS class Selector
- The CSS Universal Selector
- The CSS Grouping Selector

ما نكتبه حاليا هو The CSS element Selector
ex:
h1 {...}

من بين الألوان هناك ايضا خيار وهو الشفافية (كيف اصنع خلفية عنصر شفافة
وبالطبع هناك 3 خصائص لعمل شفافية كل واحدة بحسب استخدامها وهي:
- transparent
- opacity
- RGBA