Перейти к содержимому

Свернуть блок чата Если Вы не нашли ответ на форуме, то спросите в чате! Открыть чат во всплывающем окне

Изображение Чат не предназначен для спама, рассылок, рекламы, анекдотов. Он служит для небольших разговоров и обмена мнениями.
@  PlanetQuest : (17 фев 2022 07:10) Дорогие Форумчане! Приглашаем ознакомится с темой http://deesing.org/t...ju-zarabativat/ и начать зарабатывать уже сейчас!
@  LLHostInc : (21 июл 2021 14:11) vps
@  seoglor : (21 июл 2021 12:43) сеоонли тут
@  Varlok : (27 май 2021 10:58) Бум
@  magnitka : (27 май 2021 07:58) что-то никто не чатится тут давно ( , может сделать чат оплачиваемым )
@  Varlok : (02 янв 2021 20:43) С новым Годом !
@  Yunona : (21 дек 2020 18:57) С Наступающим 2021 Годом!
@  Varlok : (11 ноя 2020 20:06) По русски плиз
@  dees : (25 сен 2020 05:36) @IncredibleEarnings - это русскоязычный форум, поэтому имейте уважение обращаться к его посетителям на русском языке!
@  IncredibleEa... : (05 сен 2020 19:10) Why i can't create post here?
@  dees : (06 авг 2020 05:57) vladimirya, что мешает прочитать Правила Форума?
@  vladimirya : (01 авг 2020 15:45) привет сколько по времени сообщение проходит модерацию?
@  limarandrew : (26 июл 2020 15:19) нет ничего лучщего чем пожелать друг другу хорошего дня!
@  dees : (26 июл 2020 14:44) genabetpro - создавать темы могут только проверенные пользователи, вам необходимо заслужить авторитет и получить доверие!
@  genabetpro : (25 июл 2020 11:03) Что необходимо чтобы создать свою тему на форуме?
@  anzhiryakova : (24 июн 2020 13:39) :067:
@  Valeriaa : (21 апр 2020 17:44) привет все
@  RuBitok : (17 апр 2020 14:18) Всем привет!
@  tochkaobmena : (06 мар 2020 17:54) http://deesing.org/i...elp&do=01&HID=9
@  DenisRichmon : (03 мар 2020 23:34) Помогите найти правила чтобы узнать требования к топик стартеру

Как создавать саит с css.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1
vanekk

vanekk

    Прохожий

  • Пользователи
  • 72 сообщений
  • ГородБелогорск
  • На счете:0,66 $
  • Выплачено:0 $
  • Штрафы:0 $
Извините если я написал не в том подразделе.
Помогите не могу понять. Как совмещать html и css.  Я начинающии вебмастер не могу никак понять как и куда писать и совмещать.
[url=http://linkum.ru/to/2465f73f2a63d179a1853b2395a8

#2
mmetro

mmetro
  • Проходивший мимо
  • 5 сообщений
  • На счете:0,1 $
  • Выплачено:0 $
  • Штрафы:0 $
Исходный код документа
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Флексагон</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
[b]<link rel="stylesheet" href="style.css" type="text/css"> [/b]
</head>
<body>
<h1>Флексагон</h1>
<p>Флексагон представляет собой бумажную фигуру, которая имеет три и более стороны. Поначалу кажется, что это невозможно, но вспомните ленту Мёбиуса, она ведь имеет всего одну сторону, в отличие от листа бумаги, и, тем не менее, реальна. Так же реален и флексагон, который легко сделать и склеить в домашних условиях. Он выглядит как двухсторонний шестиугольник, но стоит согнуть его особым образом, и мы увидим третью сторону. Легко убедиться, что мы имеем дело именно с тремя сторонами, если раскрасить их в разные цвета. Перегибая флексагон, по очереди будем наблюдать все его поверхности.</p>
</body>
</html>
строка <link rel="stylesheet" href="style.css" type="text/css">  ссылается на внешний файл с описанием стилей под именем style.css.

Содержимое стилевого файла style.css

body {
font-family: Arial, Verdana, sans-serif; /* Семейство шрифтов */
font-size: 11pt; /* Размер основного шрифта в пунктах */
background-color: #f0f0f0; /* Цвет фона веб-страницы */
color: #333; /* Цвет основного текста */
}
h1 {
color: #a52a2a; /* Цвет заголовка */
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; /* Отступ от линии снизу до текста */
}

В файле style.css как раз и описаны все параметры оформления таких тегов как <body>, <h1> и <p>


вообще в интернете оч. много учебников, где детально описывается все параметры оформления тегов и азы кросбраузерной верстки

#3
CAMPION

CAMPION

    Прохожий

  • Пользователи
  • 27 сообщений
  • На счете:0,41 $
  • Выплачено:0 $
  • Штрафы:0 $
1) Стиль также можно прописывать в самой HTML странице. Например:
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Тег STYLE</title>
  <style type="text/css">
   h1 {
    font-size: 120%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333366;
   }
  </style>
</head>
<body>

   <H1>Hello, world!</H1>

</body>
</html>

2) Подключение нескольких таблиц стилей:
  ---- Несколько тегов <link> (как в предыдущем сообщении)
  ---- Подключение css стилей в css стили:   @import url();