نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

طراحی سایت قسمت هاي یک دستور CSS
در زبان CSSبرای نسبت دادن استایل خاصی به یک قسمت از اجزای صفحه طراحی سایت ، اول باید آن را انتخاب کرد و سپس به
تعریف استایل نمود. به طور مثال :

 H2 {
 font-size: 24px;
 }

با توجه به مثال بالا به طور کلی ھر دستور cssدارای 3بخش است :

گزینشگر یا ھمان selectors

که در اصل ھمان تگ ھای htmlھستند و یا کلاس ھا ) (classوشناسه ھا )(idیی ھستند که شما برای یک تگ در صفحه htmlتعریف کرده اید.

در مثال فوق h2گزینشگر بوده و مشخص می کند که این استایل موردنظر باید به تمامی تگ ھای h2 اعمال شود و در سئو طراحی سایت بسیار مهم است

خصوصیات یا ھمان  prorerties

مشخص می کنند که چه سبکی باید به برچسبھای انتخابشده اعمال شود.یا به عبارتی دیگر کدام خصوصیت آن تگ، مورد تغییر قرار گیرد. در مثال فوق خصوصیت font-sizeاندازه فونت تگ h2را تغییر می دھد.

مقادیر  یا ھمان value

سومین قسمت از ھر دستور مقدار است. که در طراحی وب سایتمشخص می کند مقدار خصوصیت انتخاب شده چه باشد. اگر به مثال بالا دقت کنید می بینید که 24pxمقدار خصوصیت انتخاب شده می باشد، که تعیین می کند اندازه فونت ھمه ی تگ ھای h2 بیست و چھار پیکسل باشد.
دستور cssقسمت چھارمی نیز دارد آن ھم علامت ; سمیکولن است که در انتھای ھر دستور می آید.

نکته : اگر می خواھید بیش از یک خصوصیت از یک تگ را تغییر دھید، حتما باید برای فاصله انداختن بین property از این علامت استفاده کرد.
درضمن به یاد داشته باشیدکه خصوصیت ھا حتما باید ما بین علامت }{ قرار بگیرند.

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

منبع:  طراحی سایت اسپیناس