"sky-wall.ru/admin/css/base.css"
Данный файл CSS используется на веб-сайте Sky-Wall.ru для определения базовых стилей, которые применяются к каждой странице.
Содержание
Селекторы элементов
Файл base.css содержит базовые стили для таких элементов, как заголовки, абзацы, списки и т.д. Например, для заголовков применяются следующие стили:
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.3;
margin-bottom: 1rem;
}
Также в файле определены стили для ссылок, кнопок, полей для ввода и других элементов интерфейса.
Шрифты и текст
Для общего текста используется шрифт "Open Sans" с жирностью 400, а для заголовков - шрифт "Montserrat" с жирностью 700. Кроме того, базовые размеры шрифтов установлены следующим образом:
html {
font-size: 16px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
p {
font-size: 16px;
}
Оформление ссылок
Для ссылок применяются стили, определяющие цвет текста и его подчеркивание при наведении. Кроме того, ссылки присваивается свойство "cursor: pointer", чтобы при наведении на них курсор принимал вид "рукой":
a {
color: #007bff;
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
Оформление таблиц
Таблицы на Sky-Wall.ru оформляются с использованием CSS свойства "border-collapse", которое устанавливает способ объединения границ ячеек таблицы. Кроме того, для последовательных рядов таблицы применяется разное оформление:
table {
border-collapse: collapse;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
th, td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
Иконки
На Sky-Wall.ru для отображения иконок используется библиотека Font Awesome. В файле base.css определены стили для отображения иконок в правильном размере и цвете:
.icon {
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: middle;
color: #aaa;
}
Заключение
Файл base.css является основой веб-сайта Sky-Wall.ru, определяя базовые стили для всех страниц. Без него сайт был бы просто нерабочим. А использование таких инструментов, как Font Awesome и CSS свойства, значительно облегчает разработку и поддержку веб-сайта.
- Sky-wall: обои для рабочего стола высокого разрешения
- Живописные картины природы на экране компьютера
- Великолепный закат на "sky-wall.ru/uploads/source/2016/05/7cb41f7472210bc0b549e5aca344528a.jpg"
- Чашка и кружка с рисунком цветов в стиле ретро
- Компас, стрелка, купюры и доллары: свет и тени
- Невероятная красота планеты Земля