آموزش css – قسمت سوم(فراخوانی)
سلام
با سومین جلسه از آموزش css در خدمتتون هستیم، در این جلسه می پردازیم به اینکه در یک سند HTML به چه روش هایی میتونیم استایل های css را فراخوانی کنیم، پس در ادامه با بپرسم همراه باشید.
اگر جلسه قبل را مطالعه کرده باشید در مورد مقدار دهی کدهای Css توضیح دادیم(برای مطالعه جلسه قبل کلیک کنید).
آموزش:
در یک سند HTML به دو روش میتونیم استایل هایی که به تگ ها میدیم را فراخوانی کنیم؛ که این دو روش عبارتند از:
- css داخلی
- css خارجی
css داخلی:
در این روش، کدهای Css را داخل سند HTML می نویسیم، به این صورت که بین تگ های <head> … </head> می تونیم یک تگ <style> باز کنیم و کدهای css را بنویسیم، به مثال زیر دقت کنید:
این روش یک عیب بزرگ داره و اون هم اینه که صفحه خیلی شلوغ میشه، فرض کنید حدود ۵۰ تا تگ تو صفحه دارید و بخواید برای هر تگ مقداردهی css کنید.
css خارجی:
در این روش کارمون خیلی راحت تر و تمیزتره، در این روش یک فایل پسوند css می سازیم و کدهای css را داخل این فایل می نویسیم و تنها کاری که باید بکنیم این هست که فایل css را به صفحه فرخوانی کنیم، برای فراخوانی فایل های css، کافیست تا فایل css را در کنار فایل HTML قرار داده و با تکه کد زیر در بین تگ های <head> فراخوانی کنیم:
۱ |
<link rel="stylesheet" type="text/css" href="style.css"> |
که در کد بالا به جای style.css باید، نام فایل css خودتون رو بنویسید.
این روش مزایایی همچون:
- صفحمون دیگه شلوغ نمیشه.
- دسترسی به کدهای css راحت تر میشه.
و … .
خب این قسمت از آموزش رو نیز همینجا به پایان می رسانیم، همراه با ما باشید تا دیگر قسمت ها …
هرگونه سوالی یا مشکلی در رابطه با مطلب فوق داشتید؛ در سایت بپرسید، پاسخگوی سوالات شما هستیم، برای پرسیدن سوال کلیک کنید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید