Parsi Coders
طراحی سایت قسمت های یک دستور CSS - نسخه قابل چاپ

+- Parsi Coders (http://parsicoders.com)
+-- انجمن: Network & Internet section (http://parsicoders.com/forumdisplay.php?fid=138)
+--- انجمن: Linux (http://parsicoders.com/forumdisplay.php?fid=141)
+--- موضوع: طراحی سایت قسمت های یک دستور CSS (/showthread.php?tid=4610)



طراحی سایت قسمت های یک دستور CSS - eh3an2010 - 03-31-2017

طراحی سایت قسمت های یک دستور CSS

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

 H2 {
 font-size: 24px;
 }


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

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


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

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

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

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

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

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

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

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

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