Html-документ. Не получается создать РАбочую внешнюю таблицу стилей
Всё находится в одной дирекции, а также с правильным окончанием.
У меня есть код внешней таблицы стилей:
body {
background-image: url("images/background.png);
background-repeat: no-repeat; background-size: cover;
leftmargin=70;
topmargin=40;
rightmargin=50;
bottommargin=40;
alink=blue;
vlink=green; }
h1{
size: 32px:
text-align:center;
color: yellow;
}
h4{
size:40px;
text-align:center;
color:red;
}
h2{
size:32px;
text-align:right;
color: maroon;
size:20px;
color:black;
}
p{
size:20px;
text-align: jusify;
}
Больше в css у меня нет.
А также имеются страницы.
Подчти каждая из которых начинается так:
Вопрос заключается в том, что я у меня внешняя таблица стилей не получается. Сижу над ней свыше 6 часов и непонимаю.
Помогите пожалуйста! url("images/background.png); - не закрыта кавычка
Я CSS не учил, но попробую помочь. Попробуй сохранить в разных кодовых страниц (UTF-8, UTF-16, ANSI)
Решение уже давно нашел. Как оказалось у меня был захламлен код. Но всё равно спасибо!
```css
body {
background-image: url("images/background.png");
background-repeat: no-repeat;
background-size: cover;
margin-left: 70px;
margin-top: 40px;
margin-right: 50px;
margin-bottom: 40px;
}
h1 {
font-size: 32px;
text-align: center;
color: yellow;
}
h4 {
font-size: 40px;
text-align: center;
color: red;
}
h2 {
font-size: 32px;
text-align: right;
color: maroon;
}
p {
font-size: 20px;
text-align: justify;
"дирекция"... фото монитора... вывод: ж..па полная!
У элемента p нет закрывающей скобки }
Никогда больше не пиши столь устаревшую разметку. Её просто скоро браузеры показывать не будут. Вот современный рефакторинг.
body {
background-image: url("images/background.png");
background-repeat: no-repeat;
background-size: cover;
margin: 40px 50px 40px 70px; /* Отступы: сверху, справа, снизу, слева */
color: black; /* Цвет текста по умолчанию */
}
h1 {
font-size: 32px; /* Заменяем `size` на `font-size` */
text-align: center;
color: yellow;
}
h4 {
font-size: 40px; /* Исправляем неправильное использование `size` */
text-align: center;
color: red;
}
h2 {
font-size: 20px; /* Убираем дублирующие определения `size` и `color` */
text-align: right;
color: black;
}
p {
font-size: 20px; /* Исправляем `size` */
text-align: justify; /* Исправляем опечатку `jusify` */
}
/* Современный стиль для ссылок */
a:link {
color: blue; /* Цвет активных ссылок */
}
a:visited {
color: green; /* Цвет посещённых ссылок */
}
Чекни путь к файлу, проверь, что верно вписал в тэге Хэд, если это не серьезный пооекто можно внутри тжга стиль прописать внутри хэда