گفتیم Css برای استایل دهی به المنت های Html و قشنگ سازی سایت آیتم به کار گیری قرار میگیرد. برای طراحی سایت استعمال از Css سه نحوه Inline (خطی)،Internal (داخلی) و External (فرنگی) وجود دارا هستند که درپی بدین سه نحوه میپردازیم.
طریق Inline
همانگونه که از نام این طرز مشخص و معلوم میباشد، در شرایطی که بخواهیم به یک المنتی استایل دهیم بایستی باطن کاغذ Html درون به عبارتی تگ استایل گزینه نظرمان را ایفا کنیم.
به نمونه پایین توجه نمایید:
SabzLearn.ir
همان گونه که در کد بالا مشاهده میکنید باطن خویش تگ h1 بوسیله اتربیوت style استایل آیتم نظرمان را برای این تگ انجام کردیم. بهاین نحوه به کار گیری از Css طرز Inline گفته میگردد.
شیوه Internal
دراین طرز مجموع استایل های هر برگه را در به عبارتی شیت می نویسیم ولی خیر درون هر تگ.
دراین طریق از تگ style به کار گیری میکنیم؛ بهاین شکل که درون تگ head یک تگ style ساخت کرده و تک تک استایل های به عبارتی ورقه را می نویسیم.
برای ادراک خوب به کد پایین توجه فرمائید:
SabzLearn.ir
همان گونه که در کد های بالا مشاهده میکنید، تک تک استایل های مورد نیاز برای شیت روان را در تگ head باطن تگ style طراحی میکنیم.
طریق External
درین طریق هیچ کدی در برگه Html مشاهده نمیشود و تک تک استایل های مورد نیاز درون یک شیت Css جدا نوشته میگردند و برگه مرتبط با Css به شیت Html لینک و پیوند میگردند.
به کد تحت توجه فرمائید:
همانطور که مشاهده میکنید درون برگه Html هیچ خبری از کد Css وجود ندارد. یک شیت Css به عنوان style.css تولید کرده و درون آن استایل های موردنیاز را نوشته و به امداد تگ link به کاغذ Html لینک و پیوند کردیم. بدین ترتیب استایل های جانور در ورقه style.css به المنت های همین ورقه Html نسبت داده میشوند.
درحال حاضر یک راز به محتوای پوشه style.css بزنیم:
h1 {
color: red;
}
همانطور که مشاهده میکنید، کافی میباشد استایل های مد نظرتان را سوای در فولدر style.css بنویسید تا به المنت های Html اینترنت سایتتان جاری ساختن شوند.
چطور میقدرت CSS را حافظه گرفت؟
برای یادگیری CSS بهشکل اصولی شما نیاز دارید در کنار یک معلم با سابقه و دلسوز یادگرفتن خودتان را طی فرمایید و همینطور در طی مسیر یادگیری از هواخواهی آحاد وقت منتفع باشید تا در لحظه به لحظه پیشرفتتان به طور گام به گام شمارا در مسیر یادگیری این لهجه امداد نماید؛ احتمالا تصور کنید که همچین چیزی ذهنی میباشد!! به هیچ وجه همچین قوانینی مگه وجود دارااست؟ می بایست بگم آری؛ شما میتوانید یادگرفتن Css مقدماتی تا توسعه یافته را در کنار دسته خاطر بگیرید آن هم بهشکل به طور کامل مجانی!! شما در حین زمان آموزشی تمرینات مختلفی از استاد اخذ می کنید و همینطور پروژههای متنوعی را طراحی خواهید کرد تا به CSS کاملا مسلط گردید پس مجال رو غنمیت بشمرید و همین الان یادگیری خودتان را استارت فرمائید.