#html #css
#HTML #css
Вопрос:
я впервые создаю веб-сайт с нуля, я формально обучен html, но не css, пожалуйста, объясните, что такое мой html
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="icon" href="favicon.ico">
<title>Jinuine Design | Home</title>
</head>
<div class="header">
<div class="logo">
<a href="index.html"><img src="imgs/JinuineFavicon.png"></a>
</div>
<div class="home">
<a href="index.html" class="homelink">
<h1 class="homebutt">Home</h1>
</a>
</div>
</div>
вот мой css
.header {
height: 100px;
background: black;
}
.homebutt {
color: black;
padding-top: 50px;
padding-right: 110px;
}
кто-нибудь, пожалуйста, объясните, как получить желаемый эффект, вот как это выглядит на моей странице
Комментарии:
1. Какой «эффект вы хотите»? здесь нет вопросов…
Ответ №1:
Вам нужно установить стиль на .logo , а не .header
.logo {
height: 100px;
background: black;
}
.homebutt {
color: black;
padding-top: 50px;
padding-right: 110px;
margin: 0;
} <HTML>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="icon" href="favicon.ico">
<title>Jinuine Design | Home</title>
</head>
<div class="header">
<div class="logo">
<a href="index.html"><img src="imgs/JinuineFavicon.png"></a>
</div>
<div class="home">
<a href="index.html" class="homelink">
<h1 class="homebutt">Home</h1>
</a>
</div>
</div> Комментарии:
1. Ну, ИДК, если это действительно проблема, заголовки просто на черном фоне
2. i.stack.imgur.com/cl03v.jpg здесь фон черный
3. первоначально вы устанавливали стиль с фиксированной высотой 100 пикселей на
.header, но в этом контейнере заголовка также есть контейнер Home div, поэтому вы должны установить стиль 100 пикселей только для контейнера логотипа
Ответ №2:
Пожалуйста, удалите отступы на кнопке.
Свойства заполнения CSS используются для создания пространства вокруг содержимого элемента внутри любых определенных границ. С помощью CSS у вас есть полный контроль над заполнением. Существуют свойства для установки отступов для каждой стороны элемента (сверху, справа, снизу и слева).