如何将CSS和HTML代码放在同一个文件中?

时间:2011-08-24 15:14:51

标签: html css

我是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;
}

6 个答案:

答案 0 :(得分:84)

<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更容易

答案 1 :(得分:4)

您可以在包含<style></style>标记的html文档中包含CSS样式。

示例:

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

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

答案 2 :(得分:3)

这是你要找的吗?您将CSS放在HTML文档标题中的style标记之间。我猜它是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>

答案 3 :(得分:2)

或者你也可以这样做。

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

</div>

我们可以在HTML标记的样式属性中添加任何CSS。

答案 4 :(得分:0)

有一个样式标签,所以你可以这样做:

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

答案 5 :(得分:0)

两种选择: 1,添加css inline like style =“background:black” 要么 2.在头部包含css作为样式标记块。