Advertisements
3 طرق لكتابة كود CSS فى صفحة الويب
1- أول مكان ( داخل تاج HTML )
– يمكنك وضع كود CSS داخل تاج HTML – مثل ما هو موجود فى المثال التالى:-
<h1 style="color:#F00;"> This Is Read Header </h1>
2- ثانى مكان ( داخل تاج <style> </style> )
– يمكنك وضع كود CSS داخل تاج ( <style> ) مثل ما هو موجود فى المثال التالى:-
file: index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title> 3 Tips For Write CSS In Web Page </title> <style> body { Background-color: #00F; margin: 10px; color: #fff } h2 { color: #f00; } </style> </head> <body> <h2> Hello World </h2> </body> </html>
3- ثالث مكان والأخير باستخدام تاج ( <link> )
– يمكنك انشاء ملف CSS مستقل واستدعائه فى صفحة HTML عن طريق تاج <link> مثل ما هو موجود فى المثال التالى:-
file: index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title> 3 Tips For Write CSS In Web Page </title> <link rel="stylesheet" href="style.css" /> </head> <body> <h2> Hello World </h2> </body> </html>
file: style.css
h2 { color: #fff; background-color: #f00; font-size: 15px }
Quote This Article:-
“Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live”
―
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
شكرًا لك على مساعدتك لنا!
Advertisements
Advertisements
Advertisements