Интернет познания
Интернет познания
Падащи менюта - познати също като "сукари" - използват комбинация от HTML и CSS (Cascading Style Sheets) за структура и стил. HTML частта на падащото меню се състои от курсови списъци и вложени курсови списъци. След като стилизирате лентата с менюта и основните навигационни връзки в CSS, стилизирате вложените курсови списъци като подменюта. Селекторът ": hover" в CSS ви позволява да промените скритото свойство на дисплея на подменюто да "блокира", за да се появи отново.
Стъпка 1
Кодирайте менюто си в HTML, използвайки "
"и"
Стъпка 2
Добавете подменюто си като нов неупоменат списък, вмъкнат в етикетите на родителската връзка "
Стъпка 3
Отворете стиловия си лист и оформете менюто си с помощта на CSS. Премахване както на куршумите, така и на левия отстъп: #menu {list-style: none; пълнеж: 0; Забележете, че "#menu" съответства на ID името на примерния HTML код.
Стъпка 4
Добавяне на фонов цвят към менюто: #menu {list-style: none; пълнеж: 0; фонов цвят: тъмночервен; }
Стъпка 5
Потопете елементите от менюто наляво, така че те да се изравнят хоризонтално в лентата с менюта: #menu li {float: left; }
Стъпка 6
Стил на връзките, които съставляват елементите на менюто ви. Добавете подложка към връзките, за да ги подравните вертикално в лентата с менюта, като ги направите по-лесни за кликване и над мишката. Трябва да промените свойството "display" на "block", за да добавите подложка към връзки: #menu li a {display: block; пълнеж: 8px 15px; text-align: center; цвят: бял; тегло на шрифта: удебелен; текст-декорация: няма; Забележете, че в "padding" са зададени две стойности. Първата стойност е вертикална подложка, а втората - хоризонтална.
Стъпка 7
Стил на подменюто и неговите елементи. Първо трябва да позиционирате подменюто. Извадете и маркерите и подложките от подменютата: #menu ul {position: absolute; стил в списъка: няма; пълнеж: 0; }
Стъпка 8
Премахване на левите плувки от елементите в подменютата: #menu ul li {clear: left;
Стъпка 9
Добавете "dsiplay: none" в правилото "# menu", за да изключите подменюто, тъй като не искате то да се появява, освен ако потребителят не се издигне над основния елемент. Направете менюто да се появи отново с този код: #menu li: hover ul {dipslay: block; }
Добавете правилото "ясно поправяне" към вашия div: .clearfix {clear: both; }
Съвети
Добавяне на маркиране към елементите на менюто, когато потребителят се надвеси над тях. Правило за стил, за да промените цвета на фона на връзката hovered-over, изглежда като "#menu a: hover {}".
След като приключите изграждането на менюто си с помощта на HTML и CSS, можете да добавите плъгин jQuery, за да направите хубави анимации за падащите списъци.
URL:https://bg.whycomputer.com/soft/100207813.html
Microsoft Word улеснява организирането на информация в колони и редове с помощта на таблица. Таблиците правят данните по-лесни за четене. Можете също да създадете симетрия в документ, като създадете таблица за показване на текст в определена област на страницата. След като сте създали таблица, я ред
Microsoft Publisher е приложение на Office, което просто не изглежда толкова популярно, колкото неговата братовчедка Word. Но Publisher може да ви помогне да създавате публикации, с които бихте се гордели. Ако се чувствате уплашени от издателя, опитайте този проект. Можете да създадете меню за следв