گروه مقاله : CSS
تاريخ انتشار : 1394/01/16 - 16:38
كد :88
در خود آموز سریع CSS و با استفاده از مثال های موجود در آن، شما یاد خواهید گرفت که چگونه از CSS برای تنظیم استایل ها و ظاهر صفحه وب سایت استفاده کنید. و همچنین با نحوه ی کار با CSS و انواع Selectot ها و Property های آن و همچنین با پشتیبانی مرورگر های مختلف از انواع استایل ها آشنا خواهید شد.
برای شروع ابتدا یک نرم افزار ویرایشگر متن به طور مثال ++Notepad بر روی سیستم خود نصب و اجرا کنید .
در ابتدا شما به دو صفحه احتیاج دارید که یکی باید به زبان CSS و دیگری به زبان HTML ذخیره شود. (برای تعیین نوع زبان می توانید از تب language در منوی ++notepad استفاده نمایید.)
در فایل CSS خود این قطعه کد را بنویسید وآن را ذخیره کنید(در اینجا ما نام فایل css خود را style انتخاب کرده ایم):
body {
background-color: #d0e4fe;
}
h1 {
color: orange;
text-align: center;
}
p {
font-family: "Times New Roman";
font-size: 20px;
}
سپس قطعه کد زیر را در فایل HTML خود ذخیره نمایید (منظور از path، آدرس محل قرار گیری ایل css می باشد):
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="path/style.css">
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
برای مشاهده نتیجه، روی سند HTML خود راست کلیک کرده ، بعد از زدن open with یک مرورگر را انتخاب کنید.
حالا می توانید نتیجه اولین پروژه خود را ببینید.