آموزش CSS – نحوه نوشتن کدهای سی اس اس (CSS) به صورت Internal در صفحات اچ تی ام ال (HTML) (جلسه ۴)

همانطور که پیش از این گفتیم کدهای سی اس اس (CSS) را به صورت Internal یا داخلی هم می توان در صفحات اچ تی ام ال (HTML) مورد استفاده قرار داد. برای این منظور کد زیر را وارد ویرایشگر متن خود خواهیم کرد:

<!DOCTYPE html>
<html>
   
   <head>
       <meta charset="utf-8">
       <title>asrefonon</title>
       <style>
           body {
                   background-color:#ffde57;
           }
       </style>
   </head>
   
   <body></body>
</html>

همانطور که در کد فوق می بینیم داخل تگ های <head> و <head/> از تگی تحت عنوان <style> استفاده کرده ایم. در حقیقت هر کدی که داخل این تگ بنویسیم به عنوان کدهای سی اس اس فقط و فقط در این صفحه از وب سایت ما مورد استفاده قرار خواهد گرفت.

به طور مثال در کد فوق با نوشتن کدهایی که می بینیم سعی کرده ایم رنگ body سایت خود را به زرد تغییر دهیم:

making_the_background_color_yellow

از نقاط ضعف این نوع از به کار گیری کدهای سی اس اس (CSS) این است که این کدهای فقط در مورد این صفحه از وب سایت اعمال می شوند و چنانچه بخواهیم صفحه دیگری به سایت خود اضافه کنیم بایستی مجدد کدهای سی اس اس (CSS) را برای صفحه جدید هم بنویسیم. از سوی دیگر اگر بخواهیم کدی را تغییر دهیم مثلا رنگ پس زمینه را از زرد به سفید تغییر دهیم، مجبور خواهیم بود تا کلیه کدهای سی اس اس (CSS) در تک تک صفحات سایت خود را ویرایش کنیم که این کاری بسیار وقت گیر است.
علاوه بر این تا مجبور نباشیم نمی بایست کدهای سی اس اس (CSS) را داخل صفحات سایت خود قرار دهیم چرا که بر اساس قوانین سایت w3c.org کاری غیر حرفه ای و غیر استاندارد است.

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)

پیشنهاد لحظه ای
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

توسط
تومان