50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

آموزش CSS – سینتکس CSS

  • منتشر شده در تاریخ

آموزش CSS

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

در آموزش استایل HTML با نحوه اضافه کردن کدهای CSS به سند HTML صفحه وب به سه روش مختلف توضیح دادیم.

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

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

آموزش CSS - سینتکس CSS

انتخابگرها به اعلان عنصری اشاره دارد که مایل است استایل بر روی آن اعمال گردد.

اعلان نیز  که به صورت بلوکی ظاهر می شود انتخابگر را دنبال می کند و ممکن است بر روی تمامی عناصری از نوع خاص اعمال گردد یا تنها بر روی عناصری اعمال شود که صفت خاصی دارند.

در بخش بعدی موارد بیشتری در مورد سلکتورهای CSS خواهید آموخت.

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

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

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

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

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

کامنت ها معمولا به منظور  راحت تر کردن درک کدها مورد استفاده قرار می گیرند. این موضوع به سایر توسعه دهندگان کمک می کند درک بهتری از CSS شما داشته باشند.

کامنت ها برای برنامه نویسان بسیار مهم اند اما اهمیت زیادی برای مرورگرها ندارند و اغلب توسط آن ها نادیده گرفته می شوند. کامنت های CSS معمولا با علامت /* آغاز می شود  و با */ به پایان می رسد.

به مثال زیر توجه کنید:

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

موفق باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی

    می خواهید صفر تا صد HTML,CSS را یاد بگیرید ؟

    50% تخفیف ویژه
    فقط 144 هزار تومان

    برای دریافت آموزش طراحی سایت با پروژه قالب فروشگاه روی دکمه زیر بزنید
    می خواهم طراحی سایت را یاد بگیرم
    close-link