محتوا
دفترچه یادداشت یکی از ویرایشگران متن است که می تواند برای ایجاد یک سند Cascading Style Sheet (CSS) استفاده شود. پس از ایجاد یک فایل CSS در دفترچه یادداشت ، می توانید آن فایل را به یک صفحه وب پیوند دهید تا محتوای صفحه وب با شیوه نامه شما قالب بندی شود.
مراحل
1 برنامه Notepad را باز کنید.- 2کد زیر را کپی کنید:
charset "utf-8"؛ / * سند CSS * // * تعیین رنگ عنصر بدن * / بدن {پس زمینه: # FFFFFF؛} / * این بخش برای پیوندها * / a: link { font-weight: normal؛ color: Navy} a: بازدید {font-weight: normal؛ رنگ: سبز ؛} a: hover {font-weight: bold؛ رنگ: قرمز ؛ font-variant: small-caps؛} / * این بخش برای بخش پاراگراف / p {font-style: italic؛ font-size: 18px؛} آبی {color: # 0000FF؛} / * این قسمت برای حاشیه سیاه تصویر است. * / img {border-color: # 000000؛ مرز: ضخیم ؛ سبک حاشیه: رج ؛}
# کد را از "مرحله 2" در دفترچه یادداشت بچسبانید.
1 فایل را در دفترچه یادداشت ذخیره کنید. با کلیک روی دکمه "File" و انتخاب دستور "Save" آن را با نام "SimpleCSS.css" ذخیره کنید. پس از کلیک روی دکمه "ذخیره" ، کادر محاوره ای "ذخیره به عنوان" نمایش داده می شود. 
2 نام فایل CSS خود را بگذارید. "SimpleCSS.css" یا هر نامی را در کادر متن "File name" با پسوند ".css" وارد کنید. 
3 روی دکمه "ذخیره" کلیک کنید.
4 انجام شده است!
نکات
- فایل دفترچه یادداشت را فقط به عنوان Text ذخیره کنید (گاهی اوقات ممکن است آن را Text Document یا ASCII بنامید) و پسوند ".css" را به آن بدهید.
- کدی که ما در اینجا نوشتیم فقط یک مثال است تا به شما نشان دهد چگونه یک فایل CSS اساسی با استفاده از Notepad ایجاد کنید تا عناصر HTML آن را در نمونه وب سایت ما که در قسمت مقدمه نمایش داده شده است ، دستکاری کنید. با این حال ، می توانید کد CSS ما را تغییر دهید ، چگونه می خواهید سبک ها و ظاهر صفحات وب را قالب بندی کنید.
- به یاد داشته باشید که سند CSS ذخیره شده را در همان پوشه اسناد HTML خود که در آن صفحات وب خود را ایجاد کرده اید ، قرار دهید.
- پس از ایجاد سند CSS خود ، ممکن است لازم باشد قدم بعدی را بردارید. یعنی پیوند یک سند و یک صفحه وب. لطفاً برای انجام این کار ، مقالات مربوطه را مشاهده کنید.
چیزهایی که به آنها نیاز خواهید داشت
- کامپیوتر
- برنامه دفترچه یادداشت
- مرورگر اینترنت
