Опубликовано AK в Чт, 07/03/2024 - 12:36
Опубликовано в
Работа с CSS: первый опыт
Лекции читать - тут
Пример - смотреть тут
Публиковать свои результаты в этой ветке форума
Ширина картинки - 440
- Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии
Понравился сайт? =)
Нашли что-нибудь интересное? =)
Поддержите! =)
Мы - Вас - не забудем, Веришь.Нет? =)
P.S. И сделаем еще что-нибудь, полезное и нужное... Правда-правда =)))
ФиК-22, Работа с CSS: первый опыт, вариант №11
body {
font-family: Arial, Verdana, sans-serif; /* Семейство шрифтов */
font-size: 11pt; /* Размер основного шрифта в пунктах */
background-color: #f0f0f0; /* Цвет фона веб-страницы */
color: #333; /* Цвет основного текста */
}
h1 {
color: #00BFFF;/* Цвет заголовка */
font-size: 24pt; /* Размер шрифта в пунктах */
font-family: Georgia, Times, serif; /* Семейство шрифтов */
font-weight: normal; /* Нормальное начертание текста */
}
p {
text-align: justify; /* Выравнивание по ширине */
margin-left: 60px; /* Отступ слева в пикселах */
margin-right: 10px; /* Отступ справа в пикселах */
border-left: 1px solid #999; /* Параметры линии слева */
border-bottom: 1px solid #999; /* Параметры линии снизу */
padding-left: 10px; /* Отступ от линии слева до текста */
padding-bottom: 10px; /* Отступ от линии снизу до текста */
}
ФиК-22, Работа с CSS: первый опыт, вариант №1
body {
font-family: new york; /* Семейство шрифтов */
font-size: 20pt; /* Размер основного шрифта в пунктах */
background: linear-gradient(to bottom right, #6600cc 15%, #66ff66 66%); /* Цвет фона веб-страницы */
color: #ADFF2F; /* Цвет основного текста */
}
h1 {
color: #00FF00; /* Цвет заголовка */
font-size: 40pt; /* Размер шрифта в пунктах */
font-family: new york; /* Семейство шрифтов */
font-weight: normal; /* Нормальное начертание текста */
text-align: "center;
}
p {
text-align: "center; /* Выравнивание по ширине */
margin-left: 70px; /* Отступ слева в пикселах */
margin-right: 700000px; /* Отступ справа в пикселах */
border-left: 5px solid #00FF00; /* Параметры линии слева */
border-bottom: 5px solid #00FF00; /* Параметры линии снизу */
padding-left: 100px; /* Отступ от линии слева до текста */
padding-bottom: 100px; /* Отступ от линии снизу до текста */
}
ФиК-22, Работа с CSS: первый опыт, вариант №10
body {
font-family: Broadway, Segoe UI Symbol, sans-serif; /* Семейство шрифтов */
font-size: 24pt; /* Размер основного шрифта в пунктах */
background-color: #D3FFBA; /* Цвет фона веб-страницы */
color: #464745; /* Цвет основного текста */
}
h1 {
text-align: center;
color: #232621;/* Цвет заголовка */
font-size: 48pt; /* Размер шрифта в пунктах */
font-family: Georgia, Times, serif; /* Семейство шрифтов */
font-weight: normal; /* Нормальное начертание текста */
}
p {
text-align: justify; /* Выравнивание по ширине */
margin-left: 60px; /* Отступ слева в пикселах */
margin-right: 60px; /* Отступ справа в пикселах */
border-left: 1px solid #999; /* Параметры линии слева */
border-bottom: 1px solid #999; /* Параметры линии снизу */
padding-left: 50px; /* Отступ от линии слева до текста */
padding-bottom: 50px; /* Отступ от линии снизу до текста */
}
ФиК-22, Работа с CSS: первый опыт, вариант №21
html {
padding: 100px 25px 50px;
width: 1000px;
height: 750px;
}
body {
margin: 0 auto;
font-family: arial, verdana, san-serif;
background-image: url(bg.jpg);
background-size: contain;
background-repeat: no-repeat;
}
h1 {
margin: 0 50px 25px;
color: white;
font-size: 40px;
}
p {
margin: 0 50px;
padding: 10px;
font-size: 24px;
color: white;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
ФиК-22, Работа с CSS: первый опыт, вариант №8
ФиК-22, Работа с CSS: первый опыт, вариант №13
body {
font-family: Courier, monospace; /* Семейство шрифтов */
font-size: 20pt; /* Размер основного шрифта в пунктах */
background-color: #008080; /* Цвет фона веб-страницы */
color: #FFFFFF; /* Цвет основного текста */
}
h1 {
text-align: center;
color: #FFFFFF;/* Цвет заголовка */
font-size: 48pt; /* Размер шрифта в пунктах */
font-family: Courier, monospace; /* Семейство шрифтов */
font-weight: normal; /* Нормальное начертание текста */
}
p {
text-align: justify; /* Выравнивание по ширине */
margin-left: 60px; /* Отступ слева в пикселах */
margin-right: 10px; /* Отступ справа в пикселах */
border-left: 1px solid #999; /* Параметры линии слева */
border-bottom: 1px solid #999; /* Параметры линии снизу */
padding-left: 50px; /* Отступ от линии слева до текста */
padding-bottom: 50px; /* Отступ от линии снизу до текста */
}
ФиК-22, Работа с CSS: первый опыт, вариант №9
ФиК-22, Работа с CSS: первый опыт, вариант №4
body {
font-family: Arial, Verdana, sans-serif; /* Семейство шрифтов */
font-size: 24pt; /* Размер основного шрифта в пунктах */
background-color: #B3DCFD; /* Цвет фона веб-страницы */
color: #170B2A; /* Цвет основного текста */
}
h1 {
text-align: center;
color: #484C99;/* Цвет заголовка */
font-size: 48pt; /* Размер шрифта в пунктах */
font-family: Georgia, Times, serif; /* Семейство шрифтов */
font-weight: normal; /* Нормальное начертание текста */
}
p {
text-align: center; /* Выравнивание по центру */
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 60px; /* Отступ слева в пикселах */
margin-right: 60px; /* Отступ справа в пикселах */
border-left: 1px solid #999; /* Параметры линии слева */
border-bottom: 1px solid #999; /* Параметры линии снизу */
padding-left: 50px; /* Отступ от линии слева до текста */
padding-bottom: 50px; /* Отступ от линии снизу до текста */
}