Подключение стилей к странице

@masterlomaster · Регистрация: 25.02.2011

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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">
  <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body>
  <h1>Флексагон</h1>
  <p>Флексагон представляет собой бумажную фигуру, которая имеет три и более стороны.
   Поначалу кажется, что это невозможно, но вспомните ленту Мёбиуса, она ведь имеет всего 
   одну сторону, в отличие от листа  бумаги, и, тем не менее, реальна. Так же реален и 
   флексагон, который легко сделать и склеить в домашних условиях. Он выглядит как 
   двухсторонний шестиугольник, но стоит согнуть его особым образом, и мы увидим 
   третью сторону. Легко убедиться, что мы имеем дело именно с тремя сторонами, если 
   раскрасить их в разные цвета. Перегибая флексагон, по очереди будем наблюдать 
   все его поверхности.</p>
 </body>
</html>

HTML5
1
<link rel="stylesheet" href="style.css" type="text/css">

вставлю стиль, и каша получается почему? Мне кажется что у меня нету style.css где взять эти стили?

@vasvas7775 · 22.07.2011, 21:46

А у тебя есть файл style.css, в котором у тебя прописаны твои стили?....

@masterlomaster · 22.07.2011, 21:49 **[ТС]**

Нет нету. Т.е стиль я пишу сам через html и потом как бы его подгружаю из папки куда он вложен?

@vasvas7775 · 22.07.2011, 21:54

Да. В корне у тебя должно лежать сейчас два файла, index.html и style.css.
В первом ты подключаешь второй файл, и пишешь страницу, во втором описываешь стили для первого.

Добавлено через 2 минуты
Но можно подключить стили прямо в файле index.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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">
  <style>
 
  /* Здесь пишешь стили.............. */
 
  </style>
 </head>
 <body>
  <h1>Флексагон</h1>
  <p>Флексагон представляет собой бумажную фигуру, которая имеет три и более стороны.
   Поначалу кажется, что это невозможно, но вспомните ленту Мёбиуса, она ведь имеет всего 
   одну сторону, в отличие от листа  бумаги, и, тем не менее, реальна. Так же реален и 
   флексагон, который легко сделать и склеить в домашних условиях. Он выглядит как 
   двухсторонний шестиугольник, но стоит согнуть его особым образом, и мы увидим 
   третью сторону. Легко убедиться, что мы имеем дело именно с тремя сторонами, если 
   раскрасить их в разные цвета. Перегибая флексагон, по очереди будем наблюдать 
   все его поверхности.</p>
 </body>
</html>

Вот.........

@masterlomaster · 22.07.2011, 22:14 **[ТС]**

Спасибо

Добавлено через 3 минуты
Как подключить второй файл из первого?

@vasvas7775 · 22.07.2011, 22:20

Если оба файла в одной папке то так:

HTML5
1
<link rel="stylesheet" type="text/css" href="style.css">

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@vasvas7775 Обитатель 539 / 317 / 42 Регистрация: 24.12.2010 Сообщений: 795
	22.07.2011, 21:46
	А у тебя есть файл style.css, в котором у тебя прописаны твои стили?.... 1

@masterlomaster 11 / 11 / 0 Регистрация: 25.02.2011 Сообщений: 183
	22.07.2011, 21:49 [ТС]
	Нет нету. Т.е стиль я пишу сам через html и потом как бы его подгружаю из папки куда он вложен? 0

@masterlomaster 11 / 11 / 0 Регистрация: 25.02.2011 Сообщений: 183
	22.07.2011, 22:14 [ТС]
	Спасибо Добавлено через 3 минуты Как подключить второй файл из первого? 0