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