• 78 Vote(s) - 2.37 Average
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی سایت قسمت های یک دستور 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آشنا شدید. در جلسه بعدی
شما را با انواع گزینشگرھا آشنا خواھیم کرد.

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


Possibly Related Threads...
Thread Author Replies Views Last Post
  آشنایی با دستور Dig در لینوکس rezakian13 0 1,285 12-14-2017، 04:42 PM
Last Post: rezakian13
  اعضای تشکیل دهنده یک تیم طراحی سایت noyasystem 0 1,470 08-17-2017، 08:46 AM
Last Post: noyasystem
  تفاوت طراحی وب سایت و توسعه وب سایت noyasystem 0 1,382 07-23-2017، 08:01 PM
Last Post: noyasystem
  تاثیر محتوا در یک طراحی وب سایت حرفه ای eh3an2010 0 1,748 04-10-2017، 02:48 PM
Last Post: eh3an2010
  نکات مهم در پیشرفت طراحی سایت eh3an2010 0 2,121 04-03-2017، 10:52 PM
Last Post: eh3an2010
  طراحی سایت املاک eh3an2010 0 1,720 04-03-2017، 12:50 AM
Last Post: eh3an2010
  طراحی سایت فرش eh3an2010 0 1,935 04-01-2017، 10:07 PM
Last Post: eh3an2010
  طراحی سایت داروخانه eh3an2010 0 1,858 03-27-2017، 03:29 PM
Last Post: eh3an2010

Forum Jump:


Users browsing this thread: 1 Guest(s)