- File Explorer - مستخرج الملفات help
- Task Manager - حركات المرور والمواقع المفتوحه help
- Windows Basic Settings - اعدادات الاساسيه لويندوز Settings
- Windows Security Settings - اعدادات الحمايه Windows Security settings
- Control Panel Basics - منصه التحكم (حذف تطبيقات واداره) Control Panel
- Disk Management - اداره جميع المساحات help
لغة CSS
هذه اللغة مخصصة للتنسيق. تخيل أن لديك منزلًا، فإن CSS تضيف الزخرفة لهذا المنزل.
3 Types of CSS
1. Inline CSS:
<h1 style="color: white;">hello</h1>
Result:
hello
2. Internal CSS:
<style>
h1 {
background-color: rgba(163, 192, 202, 0.5);
color: #f1e9e9;
text-align: left;
display: inline;
}
</style>
Result:
Hello with Internal CSS
External CSS
External CSS is stored in a separate file and linked to the HTML file using the <link> tag. This method keeps HTML clean and makes styling easier to manage.
<head>
<link rel="stylesheet" href="style.css">
</head>
Example of CSS in the style.css file:
h1 {
background-color: rgba(163, 192, 202, 0.5);
color: #f1e9e9;
text-align: left;
display: inline;
}
Result:
Hello with External CSS
Linking HTML & CSS:
<link rel="stylesheet" href="style.css">
Using Custom Fonts
Option 1: Linking Google Fonts in HTML
<link href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
بعد إضافة السطر أعلاه إلى عنصر <head>، يمكن استخدام الخط في CSS:
h1 {
font-family: 'Amiri', serif;
}
Option 2: Using @import in External CSS
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap');
h1 {
font-family: 'Amiri', serif;
}
