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”
― John Woods