CSS یا Cascading Style Sheets، همان چیزی است که در طراحی وب سایت مدرن برای استفاده از ظاهر بصری به یک صفحه استفاده می شود. در حالی که HTML ساختار صفحه را ایجاد می کند و جاوا اسکریپت می تواند رفتار کند، نگاه و احساس یک وب سایت دامنه CSS است. هنگامی که به این سبک ها می آید، آنها اغلب با استفاده از صفحات سبک خارجی، با استفاده از آنچه که به عنوان "سبک های درونی" شناخته می شوند، می توانید سبک CSS را به یک عنصر خاص اضافه کنید.
سبک های درونی سبک های CSS هستند که به طور مستقیم در HTML صفحه اعمال می شوند. این مزایا و معایب به این روش وجود دارد. اولا بگذارید دقیقا چگونگی نوشتن این سبک ها را بررسی کنیم.
نحوه نوشتن یک سبک درونی
برای ایجاد یک سبک CSS درون خطی، با نوشتن اموال سبک خود به همان شیوه ای که در یک صفحه سبک است، شروع می شود، اما باید یک خط کامل باشد. چندین خواص را با یک ابهام زدن جدا کنید همانطور که در یک ورق سبک است.
پس زمینه: #ccc؛ رنگ: #fff؛ مرز: جامد سیاه 1px؛
این خط از سبک ها را درون ویژگی سبک عنصر مورد نظر خود قرار دهید. برای مثال، اگر شما می خواهید این سبک را به یک پاراگراف در HTML خود اعمال کنید، این عنصر به صورت زیر است:
در این مثال، این پاراگراف خاص با پس زمینه خاکستری روشن (که همان چیزی است که #ccc رندر می شود)، متن سیاه (از # 000 رنگ)، و با یک مرز سیاه سیاه جامد 1 پیکسل در اطراف چهار طرف پاراگراف ظاهر می شود .
مزایای سبک های درون خطی
با تشکر از آبشار Cascading Style Sheet، سبک های درون خطی دارای بالاترین سابقه یا ویژگی در یک سند هستند. این به این معنی است که آنها بدون توجه به آنچه که در شیوه خارجی شما اعمال می شود اعمال می شود (با یک استثنا، هر سبک که داده شده است، اعلامیه مهم این صفحه است، اما این چیزی نیست که در سایت های تولید باید انجام شود، اگر می توان اجتناب کرد)
تنها سبک هایی که بالاتر از سبک های inline هستند بالاتر از سبک های کاربر هستند که توسط خوانندگان مورد استفاده قرار می گیرند. اگر مشکل ایجاد تغییرات خود را برای درخواست اعمال کنید، می توانید سعی کنید یک سبک درونی در عنصر ایجاد کنید. اگر سبکها با استفاده از یک سبک درونی نمایش داده نشوند، می دانید که چیز دیگری وجود دارد.
سبک های درون خطی آسان و سریع برای اضافه کردن و شما لازم نیست که در مورد نوشتن انتخابگر CSS مناسب نگران باشید از اینکه شما در حال اضافه کردن سبک به طور مستقیم به عنصری که می خواهید تغییر دهید (این عنصر اساسا جایگزین انتخاب شما را در یک ورق سبک خارجی نوشتن می کند ) شما نیازی به ایجاد یک سند کاملا جدید (همانند ورق های سبک خارجی) ندارید یا یک عنصر جدید را در سر سند خود ویرایش کنید (همانطور که با ورق های سبک داخلی). شما فقط ویژگی سبک که در تقریبا هر عنصر HTML معتبر است را اضافه کنید. اینها همه دلایل اینکه شما ممکن است وسوسه استفاده از سبکهای درون خطی باشید، اما شما همچنین باید از معایب بسیار مهمی برای این روش مطلع شوید.
معایب سبک های Inline
از آنجا که سبک های درون خطی آنها دقیقا در آبشار هستند، آنها می توانند چیزهایی را که قصد ندارید انجام دهید، سوق دهند. آنها همچنین یکی از جنبه های قدرتمند CSS را نادیده می گیرند - توانایی چندین و چندین صفحه وب از یک فایل CSS مرکزی را سبک می کند تا تغییرات در آینده و تغییرات سبک را بسیار راحت تر مدیریت کند.
اگر مجبور شدید فقط از سبکهای درون خطی استفاده کنید، اسناد شما به سرعت نفوذ کرده و برای نگهداری بسیار سخت است. این به این دلیل است که سبکهای درون خطی باید به هر عنصری که می خواهید آنها را اعمال کنید. بنابراین اگر شما بخواهید تمام پاراگرافهای خود را به خانواده فونت "Arial" اضافه کنید، باید یک سبک درونی برای هر تگ
در سند خود اضافه کنید. این کار هر دو کار تعمیر و نگهداری برای طراح را اضافه می کند و زمان دانلود را برای خواننده اضافه می کند، زیرا شما باید این را در هر صفحه ای در سایت خود تغییر دهید تا آن فونت را تغییر دهید. متناوبا، اگر شما از یک شیوه جداگانه استفاده می کنید، ممکن است بتوانید آن را در یک نقطه تغییر دهید و هر صفحه دریافت این بروز رسانی را دریافت کند.
درست است که این یک گام به عقب در طراحی وب است - بازگشت به روز از برچسب!
یکی دیگر از نقص ها در سبک های درونی این است که سبک های شبه عناصر و کلاس ها را با آنها غیر ممکن می سازد. برای مثال، با ورق های سبک خارجی ، شما می توانید رنگ بازدید، شناور، فعال، و لینک رنگ یک تگ لنگر را سبک کنید، اما با یک سبک درونی، همه شما می توانید سبک خود را لینک کنید، به همین دلیل است که ویژگی سبک به آن متصل است .
در نهایت، توصیه میکنیم از سبکهای درون خطی برای صفحات وب خود استفاده نکنید زیرا باعث ایجاد مشکلات و ایجاد صفحات برای نگهداری بیشتر میشوند. تنها زمانی که ما از آنها استفاده می کنیم، زمانی است که ما می خواهیم یک سبک را به سرعت در طول توسعه بررسی کنیم. هنگامی که ما آن را برای یک عنصر جستجو کردیم، ما آن را به ورقه سبک خارجی ما منتقل می کنیم.
مقاله ی ژنرال جنیفر کریینین. ویرایش توسط جرمی جیرارد.