آموزش Css3 -منوی پرشی

این درس درباره درست کردن منوی پرشی در سی اس اس می باشد.وقتی که MOUSE را روی یک دکمه می بریم یک صفحه به صورت لیست بالا می آید که به آن  POPUP MENU می گویند و ویژگی اصلی این منو که به صورت یک BOX می باشد مخفی بودن آن است و اگر مخفی نباشد زمانی که به داخل صفحه می رویم همه منوها بالا می آیند و زیبایی صفحه را از بین می برند.برای این کار ابتدا تمام لینک هایی که داریم را انتخاب می کنیم و سپس با استفاده از کلاس NOTIFICATION ICONS و سپس نوشتن SPAND حالت DISPLAY را با مقدار NONE مخفی می کنیم سپس FONTSIZE را تعیین می کنیم و رنگ قلم را سفید می کنیم و با دستور MARGIN فاصله را از پایین صفحه تعیین می کنیم.عرض صفحه را نیز با WIDTH تعیین کرده و با دستور POSITION کاری می کنیم تا زمانی که روی یک کلمه یا آیکون که دارای لیست می باشد رفتیم لیست را در همان نقطه ای که کلمه یا آیکون مورد نظر می باشد بالا بیاورد و فاصله ایجاد نکند و درست در مرکز آن باشد.برای همین در ادامه یک BORDER می سازیم و مقادیر SOLID و رنگ مایل به مشکی را به آن اختصاص می دهیم.سپس گوشه های بوردر را با دستور BORDER-RADIUS گرد می کنیم و در آخر نیز با PADDING فاصله داخلیرا تعیین می کنیم