آموزش CSS

آموزش CSS - شکل دستورات (Syntax)

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

شکل کلی دستورات CSS

همانطور که می دانید قوانین CSS دو بخش اصلی دارند. بخش اول همان Selector ( انتخابگر) است و بخش دوم اعلانات(declaration) می باشد.

css selector

انتخابگرها به اعلان عنصری اشاره دارد که مایل است سبک بر روی آن اعمال گردد. اعلان نیز  که به صورت بلوکی ظاهر می شود انتخابگر را دنبال می کند و ممکن است بر روی تمامی عناصری از نوع خاص اعمال گردد یا تنها بر روی عناصری اعمال شود که صفت خاصی دارند.  در فصل بعدی موارد بیشتری در مورد انتخابگرها خواهید آموخت. هر اعلانی شامل یک خاصیت و یک مقدار است. خاصیت صفت استایل است که می خواهید ان را تغییر دهید. این صفت ممکن است رنگ یا حاشیه باشد. هر خاصیتی دارای یک مقدار است. به عنوان مثال خاصیت رنگ می تواند مقدار آبی یا #0000FF  را در خود داشته باشد.

h1 {color:blue; text-align:center;}

 برای اینکه CSS بیشتر از قبل قابل خواندن باشد شما می توانید یک اعلان را در هر خط قرار دهید. به مثال زیر توجه کنید:

h1 {
    color: blue;
    text-align: center;
}

در مثال بالا h1 یک انتخابگر ، رنگ و ترازبندی متن نیز خاصیت هستند.

نکته: اعلان های CSS همیشه به نقطه ویرگول ختم می شوند و گروه های اعلان نیز همیشه با  کاراکتر {} محصور می گردند.

توضیح (Comment) های CSS

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

/* This is a CSS comment */
h1 {
    color: blue;
    text-align: center;
}
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش CSS

Learn CSS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

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

لطفا چند لحظه منتظر بمانید ...