تا %60 تخفیف خرید برای 4 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات

با سلام، با دوره جدیدی از وبسایت آی تی پرو در خدمت شما هستم. خوشبختانه تا حالا تونستم دوره آموزش گام به گام HTML رو بخوبی تکمیل کنم. امیدوارم تا آخر با این آموزش در خدمت شما باشم. پیش نیاز های این دوره، آموزش گام به گام HTML می باشد. خب حرف زدن کافیه، بریم سر اصل مطلب.

CSS یک زبان برنامه نویسی طراحی وب برای تشریح و تولید استایل یک فایل HTML است. توسط این قابلیت می توانید که تعیین کنید یک جز در HTML به چه شکلی به نمایش گذاشته شود.CSS مخفف کلمات Cascading Style Sheets به معنی شیوه نامه آبشاری است. CSS از تکرار کارهای بسیاری جلوگیری می کند. مثلا توسط CSS شما فقط یکبار تعیین می کنید مقدار عناوین چه رنگی و یا با چه اندازه ای باشد.

اجزای استاندارد یک دستور CSS:

CSS_Syntax

Selector: در ابتدای یک دستور CSS وجود دارد. Selector در واقع جزئی از HTML است که می خواهیم به آن استایل و ظاهر بدهیم. برای مثال h1 یک Selector است.
Delecration: هر دستور CSS در واقع بیان کننده یک استایل خاص است. برای مثال Color:Red; یک بیان کننده برای جزئی از HTML است.
Property , Value: هر بیان کننده ای از دو قسمت خصوصیت و مقدار بهره مند است. در بیان کننده بالا خاصیت Color با Red مقداردهی شده است.
یک مثال کلی:
H1 
{
color:red
font-size=12px;
}
H1 در نقش Selector – Color:red; در نقش Delecration – Color
آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات و کامنت
12px در نقش Value
Selector های CSS به دو صورت Element Selector , ID – Class Selector هستند:
Element Selector: اجزای HTML که از قبل آماده شده و آماده استایل دهی هستند مثل p یا H1.
ID – Class Selector: در آموزش گام به گام HTML به کلاس و آی دی های مربوط به یک Div اشاره شد. در یک Div می توان چندین تگ HTML را جای داد و به صورت کلی استایل دهی کرد. برای اشاره به یک ID در CSS از # و به یک Class در CSS از . استفاده می شود.
کامنت های CSS: بعضی اوقات در برنامه نویسی می خواهیم بعضی از دستورات صرفا به صورت پیغام نمایش داده شوند و هیچ تاثیری در اجرای برنامه نداشته باشند، برای اینکار از کامنت های استفاده می شود. هر دستوری را که نخواهیم در سی اس اس به اجرا در آوریم باید آن را بین
 /* --------- */ 
قرار دهیم.
نویسنده : ارسطو عباسی
منبع : انجمن تخصصی فناوری اطلاعات ایران
هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

#آموزش_گام_به_گام_css #آموزش_css #آموزش_سی_اس_اس #آموزش_مقدماتی_css
نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند