• ¡Welcome to Square Theme!
  • This news are in header template.
  • Please ignore this message.
مهمان عزیز خوش‌آمدید. ورود عضــویت


امتیاز موضوع:
  • 11 رای - 1.73 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
Title: طراحی سایت قسمت های یک دستور CSS
حالت موضوعی
#1
طراحی سایت قسمت های یک دستور 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آشنا شدید. در جلسه بعدی
شما را با انواع گزینشگرھا آشنا خواھیم کرد.

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


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آشنایی با دستور Dig در لینوکس rezakian13 0 2,630 12-14-2017، 04:42 PM
آخرین ارسال: rezakian13
  اعضای تشکیل دهنده یک تیم طراحی سایت noyasystem 0 2,287 08-17-2017، 08:46 AM
آخرین ارسال: noyasystem
  تفاوت طراحی وب سایت و توسعه وب سایت noyasystem 0 2,103 07-23-2017، 08:01 PM
آخرین ارسال: noyasystem
  تاثیر محتوا در یک طراحی وب سایت حرفه ای eh3an2010 0 2,396 04-10-2017، 02:48 PM
آخرین ارسال: eh3an2010
  نکات مهم در پیشرفت طراحی سایت eh3an2010 0 2,689 04-03-2017، 10:52 PM
آخرین ارسال: eh3an2010
  طراحی سایت املاک eh3an2010 0 2,656 04-03-2017، 12:50 AM
آخرین ارسال: eh3an2010
  طراحی سایت فرش eh3an2010 0 2,519 04-01-2017، 10:07 PM
آخرین ارسال: eh3an2010
  طراحی سایت داروخانه eh3an2010 0 2,561 03-27-2017، 03:29 PM
آخرین ارسال: eh3an2010

پرش به انجمن:


Browsing: 2 مهمان