الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> * { font-family: Tahoma, Verdana, sans-serif; } html { font-size: 16px; } h1 { font-size: 2.5rem; /* 2.5rem x 16 = 40px */ } h2 { font-size: 1.5rem; /* 1.5rem x 16 = 24px */ } p { font-size: 0.875rem; /* 1.5rem x 16 = 24px */ } </style> </head> <body> <h1>CSS font-size</h1> <h2>Set font size in rem</h2> <p>If you change the font size in html selector all font sizes set in rem unit will change automatically.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود