Създаване на вертикална меню CSS меню - CSS класове

Създаване на вертикална падащото CSS менюта

Този урок ще бъдат обсъдени по-подробно създаването на вертикални падащите елементите от менюто. За основите вземем менюто на predpredyduschego урок.

За да създадете меню ще бъде приложен клас .drop_vert_menu;

В кода на няколко пъти, за да отговарят на записа като този .drop_vert_menu> Ли
Arrow> показва, селектор дете (Li)

За да добавите артикул подменю - трябва да се преди затварянето "Постави като" друго меню (т.е. тагове

    в рамките на който са точките
  • ).


    Основните параметри на CSS стилове за падащото меню:

    отгоре: 2px; - определя колко пиксела ще се отклони падащи подменюта;
    лява: 195px; - количеството на вдлъбнатина от лявата граница;
    позиция: относителна; - точки ще бъдат разположени един след друг, вместо да се свие в купчина;
    позиции: абсолютен; - това означава, че частите на главното меню ще бъде във фиксирано положение по отношение на подводницата;
    дисплей: няма; - позицията е невидим (като че ли не е).
    езика: блок; - означава, че това подменю ще бъде "подобен на гума, блок" - ако името на под-голям, той ще се разтегне във височина.

    Също така в CSS - опция код ще присъства:

    граница: 1пиксел твърдо Бяла; - с него можете да регулирате размера и цвета на тапицерията между елементите от менюто; Това означава, че вие ​​ще регулирате дебелината и цвета на горната част на рамката. А уплътнение все още може да се регулира с помощта на атрибут - марж ...; Стойността на други параметри, трябва да сте запознати от предишни уроци за CSS, както и HTML уроци.

    Създаване на два файла: drop_vert_menu.css и test_menu.html. Той очаква, че тези файлове са в същата директория.

    Със сигурност можете да направите нещо по-интересно от това меню. Всичко, което трябва - е да се намерят примери от менюто, които са приблизително подобни на тези, които имате в предвид и проучване тях, за които след това ще се промени.

    Най-добрият начин да се учи в такъв случай би било - "Метод на копие". Това е, което виждате параметър посочва цвета или размера -> го смените с друга настройка и да видим какво ще се случи, и т.н. И след няколко промени ще бъдете в състояние (без чужди примери), за да направите това, което ви трябва.