Как я могу поместить CSS и HTML-код в один файл?

Я профана в CSS, я ничего не знаю об этом. Мне нужно поставить HTML-код и форматирование CSS для него в тот же строковый объект для программы iPhone.

У меня есть код HTML и код CSS, но я не знаю, как их смешивать. Не могли бы вы мне помочь?

Код HTML:

<html>
<head>
    <link type="text/css" href="./exemple.css" rel="stylesheet" media="all" />
</head>
<body>
    <p>
    <span class="title">La super bonne</span>
    <span class="author">proposée par Jérém</span>
    </p>
</body>
</html>

Стили CSS:

.title {
    color: blue;
    text-decoration: bold;
    text-size: 1em;
}

.author {
    color: gray;
}

Ответы

Ответ 1

<html>
<head>
    <style type="text/css">
    .title {
        color: blue;
        text-decoration: bold;
        text-size: 1em;
    }

    .author {
        color: gray;
    }
    </style>
</head>
<body>
    <p>
    <span class="title">La super bonne</span>
    <span class="author">proposée par Jérém</span>
    </p>
</body>
</html>

С другой стороны, было бы проще значительно просто this.

Ответ 2

Вы можете включить стили CSS в html-документе с тегами <style></style>.

Пример:

<style>
  .myClass { background: #f00; }

  .myOtherClass { font-size: 12px; }
</style>

Ответ 3

Это то, что вы ищете? Вы помещаете CSS между тегами style в заголовок документа HTML. Я предполагаю, что для iPhone это webkit, поэтому он должен работать.

<html>
<head>
    <style type="text/css">
    .title { color: blue; text-decoration: bold; text-size: 1em; }
    .author { color: gray; }
    </style>
</head>
<body>
    <p>
    <span class="title">La super bonne</span>
    <span class="author">proposée par Jérém</span>
    </p>
</body>
</html>

Ответ 4

Или вы можете сделать что-то вроде этого.

<div style="background=#aeaeae; float: right">

</div>

Мы можем добавить любой CSS внутри атрибута style тегов HTML.

Ответ 5

Там есть тег стиля, поэтому вы можете сделать что-то вроде этого:

<style type="text/css">
  .title 
  {
    color: blue;
    text-decoration: bold;
    text-size: 1em;
  }
</style>

Ответ 6

Два варианта: 1, добавьте css inline, например style = "background: black" Или 2. В голове включить css в качестве блока тегов стиля.