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

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

html css

如何将CSS和HTML代码放在同一个文件中？,html,css,Html,Css,我是CSS的亵渎者，对此我一无所知。我需要将HTML代码和CSS格式放在iPhone程序的同一个string对象中我有HTML代码和CSS代码，但我不知道如何将它们混合在一起。你能帮我吗 HTML代码： <html> <head> <link type="text/css" href="./exemple.css" rel="stylesheet" media="all" /> </head> <body> <p

我是CSS的亵渎者，对此我一无所知。我需要将HTML代码和CSS格式放在iPhone程序的同一个string对象中

我有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>

您可以在带有

标记的html文档中包含CSS样式

例如：

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

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


.myClass{背景：#f00；}
.myOtherClass{字体大小：12px；}


.头衔{
颜色：蓝色；
文字装饰：粗体；
文本大小：1米；
}
.作者{
颜色：灰色；
}

超级博恩酒店
前奏曲

顺便说一句，这样做会容易得多。

有一个样式标签，所以你可以这样做：

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


标题
{
颜色：蓝色；
文字装饰：粗体；
文本大小：1米；
}

这就是你要找的吗？您可以将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>


.title{颜色：蓝色；文本装饰：粗体；文本大小：1em；}
.作者{颜色：灰色；}

超级博恩酒店
前奏曲

两个选项： 1、添加css内联样式=“背景：黑色” 或

2.在头部包含css作为样式标记块。

或者您也可以这样做

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

</div>

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

您能重新表述您的问题吗？不知道你想要什么。投票把我之前的评论移到english.stackexchange.com。他把“亵渎”和“iPhone”放在同一句话里。对我来说已经足够好了。你可能想把+1拿回去，因为我确实试过了，但是我发现了，所以不让你知道！哈哈哈。我仍然不明白为什么人们在搜索自己之前会问。写一个问题比用谷歌搜索这个问题要花更多的时间。但是呃，好极了！当你不知道搜索什么的时候，问一个问题就容易多了。如果你知道应答器存在，并且知道要搜索什么，当然用谷歌搜索它会更容易。@Nielsou Hacken Bergen:如果你用谷歌搜索你原来的标题“将CSS和HTML代码放在同一个文件中”，答案就在那里。只是说..这些标签在文档中的位置重要吗？编辑：没关系，找到了答案：

内部样式是在元素中定义的，在HTML页面的部分中

<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>

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

</div>