سی ایس ایس ناٹیو بار
- صفحه قبل سی ایس ایس شفافیت
- صفحه بعدی سی ایس ایس عمودی ناٹیو بار
مثال: ناوبری
ناوبری
ناوبری ساده برای هر وب‌سایتی مهم است.
با استفاده از CSS، می‌توانید یک منو HTML خسته‌کننده را به ناوبری زیبا تبدیل کنید.
ناوبری = لیست لینک‌ها
ناوبری نیاز به HTML استاندارد دارد.
در مثال ما، ناوبری با استفاده از لیست استاندارد HTML ساخته خواهد شد.
ناوبری بار کاً عموماً یک لیست از لینک‌ها است، بنابراین استفاده از عناصر <ul> و <li> بسیار مفید است:
مثال
<ul> <li><a href="index.asp">Home</a></li> <li><a href="news.asp">News</a></li> <li><a href="contact.asp">Contact</a></li> <li><a href="about.asp">About</a></li> </ul>
حالا، از لیست حذف کنید: لیست‌نویسی، حاشیه و حاشیه‌های داخلی (پاداش):
مثال
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
توضیح مثال:
list-style-type: none;- حذف لیست‌نویسی. نوار ناوبری نیازی به نشان‌گر لیست ندارد.- تنظیم
margin: 0;وpadding: 0;تنظیمات پیش‌فرض مرورگر را حذف کنید.
کد در مثال بالا برای ناوبری عمودی و افقی استفاده می‌شود، و شما در فصل بعدی بیشتر یاد خواهید گرفت.
- صفحه قبل سی ایس ایس شفافیت
- صفحه بعدی سی ایس ایس عمودی ناٹیو بار
