Как уменьшить размер тега в CSS? Кажется, я не могу этого понять. Ниже я предоставил весь код из моего проекта. В моем коде был PHP, но я удалил его, поскольку он не нужен. Вот JSFiddle, если вы хотите просмотреть его код.
HTML и CSS:
#top-menu { верх: 0; положение: фиксированное; } навигация { положение: относительное; /*плыть налево;*/ ширина: 100%; фон: #1E1E1E; /* отображение: таблица; */ маржа: 0; выравнивание текста: по центру; высота: 25 пикселей; граница: нет; ширина границы: 0; маржа: 0; отступ: 10 пикселей 10 пикселей; } нав ул ул { дисплей: нет; } nav ul li:hover > ul { дисплей: блок; граница: нет; ширина границы: 0; } навигация ул { фон: #1E1E1E; белый цвет; отступ: 10 пикселей 10 пикселей; граница-радиус: 0; стиль списка: нет; положение: относительное; отображение: встроенная таблица; ширина границы: 0; граница: нет; } навигация ул:после { содержание: ""; ясно: оба; дисплей: блок; } нав уль ли { плыть налево; граница: нет; ширина границы: 0; } нав уль ли:hover { фон: #1E1E1E; цвет фона: оранжевый; белый цвет; } nav ul li: наведите курсор на { цвет: #fff; } нав уль ли а { дисплей: блок; высота: 25 пикселей; отступ: 10 пикселей 10 пикселей; цвет: #757575; текстовое оформление: нет; граница: нет; ширина границы: 0; } нав ул ул { фон: #1E1E1E; белый цвет; радиус границы: 0 пикселей; отступ: 10 пикселей 10 пикселей; позиция: абсолютная; верх: 50 пикселей; ширина границы: 0; поле-дно: 0; } нав уль уль ли { плавающий: нет; border-top: 1 пиксель сплошной #6b727c; нижняя граница: 1 пиксель, сплошной #575f6a; положение: относительное; } нав уль уль ли а { отступ: 10 пикселей 10 пикселей; цвет: #fff; высота: авто; } нав уль уль ли а:hover { фон: #4b545f; цвет фона: оранжевый; } нав ул ул ул { позиция: абсолютная; слева: 100%; верх: 0; } nav li#english a { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; } nav li#english a:hover { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; цвет фона: оранжевый; } nav li#english a.current { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; курсор: по умолчанию; } /*--------------------------------------------*/ #меню { цвет фона: #1E1E1E; выравнивание текста: по центру; отступ-дно: 0 пикселей; } тело { поле: 0 пикселей; } .clearfloat { ясно: оба; маржа: 0; заполнение: 0; } /*--------------------------------------------*/ #нижний { плыть налево; ширина: 100%; фон: #1E1E1E; /*отображение: таблица; */ маржа: 0; выравнивание текста: по центру; минимальная высота: 25 пикселей; высота: 25 пикселей; ширина границы: 0 пикселей; поле-верх: 0 пикселей; отступ-верх: 0 пикселей; внизу: 0 пикселей; положение: фиксированное; } #нижний ул ул { дисплей: нет; } #bottom ul li:hover > ул { дисплей: блок; } #нижняя ул { фон: #1E1E1E; белый цвет; заполнение: 0 0; граница-радиус: 0; стиль списка: нет; положение: относительное; отображение: встроенная таблица; } #bottom ul:after { содержание: ""; ясно: оба; дисплей: блок; } #нижний уль ли { плыть налево; } #bottom ul li:hover:nth-child(1) { фон: #1E1E1E; цвет: #757575; текстовое оформление: нет; } #bottom ul li:hover:nth-child(2) { фон: #1E1E1E; цвет: #757575; текстовое оформление: нет; } #bottom ul li:hover { фон: #1E1E1E; белый цвет; оформление текста: подчеркивание; } #bottom ul li:наведите курсор на { цвет: #fff; } #дно уль ли а { дисплей: блок; отступы: 25 пикселей 40 пикселей; цвет: #757575; текстовое оформление: нет; } #нижний ул ул { фон: #1E1E1E; белый цвет; радиус границы: 0 пикселей; заполнение: 0; позиция: абсолютная; верх: 100%; ширина: авто; } #дно уль уль ли { плавающий: нет; border-top: 1 пиксель сплошной #6b727c; нижняя граница: 1 пиксель, сплошной #575f6a; положение: относительное; } #дно уль уль ли а { отступ: 15 пикселей 40 пикселей; цвет: #fff; } #bottom ul ul li a:hover { фон: #4b545f; } #дно ул ул ул { позиция: абсолютная; слева: 100%; верх: 0; } /*--------------------------------------------*/ .bottommenuitem { вертикальное выравнивание: по середине; отступы: 25 пикселей 40 пикселей; цвет: #757575; Фирма А/С [*]
Как уменьшить размер тега в CSS? Кажется, я не могу этого понять. Ниже я предоставил весь код из моего проекта. В моем коде был PHP, но я удалил его, поскольку он не нужен. Вот JSFiddle, если вы хотите просмотреть его код.
[b]HTML и CSS:[/b]
#top-menu { верх: 0; положение: фиксированное; } навигация { положение: относительное; /*плыть налево;*/ ширина: 100%; фон: #1E1E1E; /* отображение: таблица; */ маржа: 0; выравнивание текста: по центру; высота: 25 пикселей; граница: нет; ширина границы: 0; маржа: 0; отступ: 10 пикселей 10 пикселей; } нав ул ул { дисплей: нет; } nav ul li:hover > ul { дисплей: блок; граница: нет; ширина границы: 0; } навигация ул { фон: #1E1E1E; белый цвет; отступ: 10 пикселей 10 пикселей; граница-радиус: 0; стиль списка: нет; положение: относительное; отображение: встроенная таблица; ширина границы: 0; граница: нет; } навигация ул:после { содержание: ""; ясно: оба; дисплей: блок; } нав уль ли { плыть налево; граница: нет; ширина границы: 0; } нав уль ли:hover { фон: #1E1E1E; цвет фона: оранжевый; белый цвет; } nav ul li: наведите курсор на { цвет: #fff; } нав уль ли а { дисплей: блок; высота: 25 пикселей; отступ: 10 пикселей 10 пикселей; цвет: #757575; текстовое оформление: нет; граница: нет; ширина границы: 0; } нав ул ул { фон: #1E1E1E; белый цвет; радиус границы: 0 пикселей; отступ: 10 пикселей 10 пикселей; позиция: абсолютная; верх: 50 пикселей; ширина границы: 0; поле-дно: 0; } нав уль уль ли { плавающий: нет; border-top: 1 пиксель сплошной #6b727c; нижняя граница: 1 пиксель, сплошной #575f6a; положение: относительное; } нав уль уль ли а { отступ: 10 пикселей 10 пикселей; цвет: #fff; высота: авто; } нав уль уль ли а:hover { фон: #4b545f; цвет фона: оранжевый; } нав ул ул ул { позиция: абсолютная; слева: 100%; верх: 0; } nav li#english a { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; } nav li#english a:hover { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; цвет фона: оранжевый; } nav li#english a.current { фон: URL(images/english.jpg) без повтора; фоновая позиция: центр по центру; курсор: по умолчанию; } /*--------------------------------------------*/ #меню { цвет фона: #1E1E1E; выравнивание текста: по центру; отступ-дно: 0 пикселей; } тело { поле: 0 пикселей; } .clearfloat { ясно: оба; маржа: 0; заполнение: 0; } /*--------------------------------------------*/ #нижний { плыть налево; ширина: 100%; фон: #1E1E1E; /*отображение: таблица; */ маржа: 0; выравнивание текста: по центру; минимальная высота: 25 пикселей; высота: 25 пикселей; ширина границы: 0 пикселей; поле-верх: 0 пикселей; отступ-верх: 0 пикселей; внизу: 0 пикселей; положение: фиксированное; } #нижний ул ул { дисплей: нет; } #bottom ul li:hover > ул { дисплей: блок; } #нижняя ул { фон: #1E1E1E; белый цвет; заполнение: 0 0; граница-радиус: 0; стиль списка: нет; положение: относительное; отображение: встроенная таблица; } #bottom ul:after { содержание: ""; ясно: оба; дисплей: блок; } #нижний уль ли { плыть налево; } #bottom ul li:hover:nth-child(1) { фон: #1E1E1E; цвет: #757575; текстовое оформление: нет; } #bottom ul li:hover:nth-child(2) { фон: #1E1E1E; цвет: #757575; текстовое оформление: нет; } #bottom ul li:hover { фон: #1E1E1E; белый цвет; оформление текста: подчеркивание; } #bottom ul li:наведите курсор на { цвет: #fff; } #дно уль ли а { дисплей: блок; отступы: 25 пикселей 40 пикселей; цвет: #757575; текстовое оформление: нет; } #нижний ул ул { фон: #1E1E1E; белый цвет; радиус границы: 0 пикселей; заполнение: 0; позиция: абсолютная; верх: 100%; ширина: авто; } #дно уль уль ли { плавающий: нет; border-top: 1 пиксель сплошной #6b727c; нижняя граница: 1 пиксель, сплошной #575f6a; положение: относительное; } #дно уль уль ли а { отступ: 15 пикселей 40 пикселей; цвет: #fff; } #bottom ul ul li a:hover { фон: #4b545f; } #дно ул ул ул { позиция: абсолютная; слева: 100%; верх: 0; } /*--------------------------------------------*/ .bottommenuitem { вертикальное выравнивание: по середине; отступы: 25 пикселей 40 пикселей; цвет: #757575; Фирма А/С [*] [url=Index.html] [img]Tilbage.jpg[/img]
[img]Top_10.jpg[/img]
Великолепно[/url] [*][url=index.php]Фирма A/S[/url] [url=index.php]Недосмотр[/url] [url=index.php]Ejendomsselskaber[/url] [*][url=index.php]Инвестирование в сельском хозяйстве[/url] [*][url=index.php]Овриг сельскабер[/url] [*][url=index.php]Удобство или простота использования[/url] [*][url=index.php]Юбилей[/url] [*][url=index.php]Обзор[/url] [*][url=index.php]Галерея[/url] [*][url=index.php]Контакты[/url] [*][url=index.php]Личное[/url] [*][url=index.php]Краткая информация[/url] [*][url=index.php]На английском языке[/url] [*]Фирма A/S [*]Номер телефона [*][url=mailto:xxxx@xxx.xx]xxx@xxx.xx[/url] Любая помощь приветствуется, спасибо.
Мобильная версия
