Вход
Регистрация
0
Извините если я написал не в том подразделе.
Помогите не могу понять. Как совмещать html и css. Я начинающии вебмастер не могу никак понять как и куда писать и совмещать.
Свернуть блок чата
Если Вы не нашли ответ на форуме, то спросите в чате!
 Чат не предназначен для спама, рассылок, рекламы, анекдотов. Он служит для небольших разговоров и обмена мнениями.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Наверх
Жалоба
#2
Отправлено 04 Май 2013 - 19:27
mmetro
-
- Проходивший мимо
-
- 5 сообщений
- На счете:0,1 $
- Выплачено:0 $
- Штрафы:0 $
Исходный код документа
Содержимое стилевого файла style.css
вообще в интернете оч. много учебников, где детально описывается все параметры оформления тегов и азы кросбраузерной верстки
<!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
Отправлено 02 Июнь 2013 - 06:15
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();
<!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();
