آموزش CSS – فصل دوم: نحوه نگارش CSS

در فصل دوم از آموزش های گام به گام سی اس اس به تشریح نحوه نگارش یا همان Syntax زبان خواهیم پرداخت. زبان CSS قوانین چندانی در زمینه نگارش ندارد، بنابراین فصل دوم آموزش CSS نتران، کوتاه اما بسیار مهم خواهد بود.

توسط: حامد ارسلانپور در 5 سال پیش (دسته ها: آموزش, آموزش برنامه نویسی, آموزش طراحی وب)

نحوه نگارش CSS (سینتکس)

یک دستور در CSS از یک انتخابگر و یک مجموعه از مولفه ها تشکیل می شود:

انتخابگر به المان اچ تی ام الی که شما میخواهید به آن استایل دهید، اشاره می کند. سینتکس بالا که می بینید به تمامی <h1> ها در یک صفحه اشاره دارد.

بلوک مولفه ها حاوی یک یا چند مولفه و مقدار آنهاست که با سمی کلن یا نقطه ویرگول از هم جدا شده اند است.

یک اسم مولفه سی اس اس از مقدار آن با یک علامت دو نقطه جدا شده است.

یک تعریف مولفه در سی اس اس همیشه با یک سمی کلن یا نقطه ویرگول پایان می یابد و مجموعه مولفه های یک انتخابگر با براکت احاطه شده اند.

در مثال زیر تمام المان های <p> در وسط قرار میگیرند و متن آن ها قرمز می شود:

کامنت گذاری در CSS

در هنگام کد نویسی CSS شما قادر هستید تا متن هایی را بنویسید که توسط سیستم اجرا نمی شود. اضافه کردن این متن های راهنما که Comment گفته می شوند با استفاده از علامت /* */ انجام می شود. مانند مثلا زیر:

کامنت ها برای توضیح دادن کد استفاده می شوند و شما اگر در آینده بخواهید دوباره کدتان را ویرایش کنید این توضیحات به شما کمک می کنند.

همان طور که گفتیم، مرورگر ها توضیحات را نادیده می گیرند.

تنها به یاد داشته باشید که یک کامنت در سی اس اس با یک اسلش-ستاره شروع شده و با یک ستاره-اسلش پایان می یابد. کامنت ها همچنین می توانند چند خط طول داشته باشند.

#آموزش سی اس اس