سلام دوستان ، امیدوارم که حالتون خوب باشه. در این بخش میخواهیم یاد بگیریم که چگونه میتوان یک فایل CSS را ایجاد کرد.
یک فایل CSS با پسوند css. ایجاد و مورد استفاده قرار میگیرد، یعنی در واقع هر فایلی رو که دیدید پسوندش css. بود یعنی اون فایل یک فایل CSS می باشد.
سی اس اس مخفف کلمه ی Cascading Style Sheets می باشد که با استفاده از آن میتوان به یک صفحه وب استایل داد، پس بطور کلی وظیفه استایل دهی و صفحه آرایی صفحات وب بر عهده این زبان می باشد.
ما از روش های مختلفی میتونیم از CSS استفاده نماییم که ان شاالله در بخش های بعدی این روش هارو بطور کامل آموزش خواهم داد و شما نیز آنها را یاد خواهید گرفت.
البته بنده در مجموعه آموزش های زبان HTML روش های نحوه استفاده از CSS را در HTML آموزش داده ام که در صورت تمایل میتوانید از طریق لینک زیر آن را مشاهده نمایید.
پیشنهاد میکنم آموزش نحوه استفاده از CSS در HTML را مشاهده نمایید.
همونطور که میدونید برای ساخت و ایجاد انواع فایل ها ، حالا میخواد فایل HTML باشه یا CSS یا PHP و یا هر فایل دیگه ، نیازمند نرم افزار می باشد.
حال باز این نرم افزارها میتونن خیلی حرفه ای باشن ( مثله Dreamweaver ) و هم میتونن ساده باشن ( مثله ++NotePad ) که هر کدوم به نسبت ، میتونن ویژگی های خاص خودشونو داشته باشن.
درسته که یک نرم افزار خیلی حرفه ای میتونه خیلی کمک کننده باشه حالا از هر نظر، ولی بنظره شخصی بنده مهم نیست که نرم افزار چقدر حرفه ای هست مهم اینه که شما چقدر تو کدنویسی حرفه ای هستید.
اگه از من میشنوید سعی کنید با همین نرم افزار ساده NotePad خوده ویندوز یا نهایت با نرم افزار ++NotePad کدنویسی کنید تا بتونید دستورات رو بصورت ریشه ای در ذهنتون بکارید.
چرا که وابستگی بیش از اندازه به نرم افزارهای حرفه ای باعث میشه شما تو کدنویسی ضعیف باشید، به گونه ای که اگه اون نرم افزار رو از شما بگیرن دیگه شما هیچ کاری نمیتونید کنید.
ما میخوایم یک فایل مجزای CSS ایجاد نماییم که بتونیم این فایل CSS مجزا رو به فایل HTML مون متصل نماییم و عملا یک فایل HTML جدا و یک فایل CSS جدا داشته باشیم که دیگه لازم نباشه از دستورات CSS در درون فایل HTML استفاده نماییم.
باز میگم نرم افزارهای زیادی برای ایجاد فایل CSS وجود دارند ولی ما میتونیم از نرم افزار ساده NotePad خوده ویندوز استفاده نماییم، پس لطفا این نرم افزار رو اجرا نمایید.
سپس دستورات زیر رو درون نرم افزار کپی کنید : ( چه بهتر که خودتون تایپ کنید )
body{
background-color: blue;
color: white;
}
p{
color: yellow;
}
سپس باید فایل رو ذخیره یا Save کنیم، از منوی File بروی گزینه Save یا Save as کلیک نمایید.
سپس باید پسوند یا فرمت فایلمون رو مشخص کنیم، چون یک فایل CSS میخوایم پس باید پسوندش رو css. بزاریم.
خب ما نحوه ساخت فایل CSS رو یاد گرفتیم، حالا میخوایم یاد بگیریم که چگونه میتوان یک فایل CSS خارجی رو به صفحه وبمون (فایل HTML) متصل نمود.
برای اینکار کافیه از تکه کد زیر در قسمت هِد ( HEAD ) صفحه HTML مون استفاده نماییم :
<head>
<link rel="stylesheet" href="style.css">
</head>
توجه داشته باشید که در قسمت href باید آدرس محل فایل CSS را بصورت کامل و دقیق وارد نمایید، لطفا به مثال زیر توجه نمایید.
برای مشاهده مثال آنلاین لطفا اینجا کلیک نمایید.
منبع: سایت آموزشی فری لرن
برای مشاهده آموزش های بیشتر لطفا به سایت مراجعه نمایید.
