是否可以在xhtml文件中内联CSS的类定义？_Css_Xhtml

是否可以在xhtml文件中内联CSS的类定义？

css

是否可以在xhtml文件中内联CSS的类定义？,css,xhtml,Css,Xhtml,是否可以在xhtml文件中内联CSS的类定义我是说，比如说： p.first{ color: blue; } p.second{ color: red; } 在我的页面中，而不是在一个单独的CSS文件中。我认为您试图将CSS放在HTML页面中，而不是内联您可以将CSS放在HTML页面中（通常在标题），方法是将其包围在样式标记中： <style type="text/css"> p.first{ color: blue; } p.second{ color: re

是否可以在xhtml文件中内联CSS的类定义

我是说，比如说：

p.first{ color: blue; }
p.second{ color: red; }

在我的页面中，而不是在一个单独的CSS文件中。

我认为您试图将CSS放在HTML页面中，而不是内联

您可以将CSS放在HTML页面中（通常在

标题

），方法是将其包围在

样式

标记中：

<style type="text/css">
    p.first{ color: blue; }
    p.second{ color: red; }
</style>


p、 第一{颜色：蓝色；}
p、 第二{颜色：红色；}

是的，您可以在HTML文件中插入CSS样式。例如：

<p>...</p>
<style type="text/css">
p.first { ... }
</style>
<div>...</div>


p、 第一{…}
...

正如你在文献中所发现的，这并不是一个好的做法。

当然，这里有一个例子。但是，最好将样式保存在单独的css文件中

<html>
    <head>
        <title>Classes</title>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>    
        <style type="text/css">
         img {
             padding:10px;
             margin:5px;
             border:1px solid #d5d5d5;
          }
          div.thumb {
             float:left;
          }
          div.caption {
             padding-left:5px;
             font-size:10px;
          }
       </style>
     </head>
    <body>
        <div>your page code etc..</div>
    </body>
</html>


班级
img{
填充：10px；
保证金：5px；
边框：1px实心#d5d5；
}
拇指分区{
浮动：左；
}
标题{
左侧填充：5px；
字体大小：10px；
}
您的页面代码等。。

您还可以将css放入p标记中

<html>
<body>
<p class="first" style="color:blue;"></p>
<p class="second" style="color:red;"></p>                                               
</body>
</html>

CSS的好处在于它可以在任何文件中工作，而不仅仅是HTML、XML文件。您只需要在页面中的任何位置像这样定义syle块

<style type="text/css">
    <all my styles goes here>
</style>

在HTML和HTML/XHTML中，标准是将此块放在head部分。如果它是其他类型的文件，例如.aspx或.php，那么即使它不在head块中，该块仍然可以工作

范例

<?php
 /* mytest.php file */
<style>
   <my styles>
</style>


ASPX文件也是如此
您还可以定义内联CSS，这意味着CSS正好位于元素标记中。语法是
<p style="<all my styles>"> My paragraph contain inline CSS</p>

我的段落包含内联CSS
问题被标记为XHTML，而不是HTML5；-）@Joe：这个问题最初被标记为JSF，它使用基于XML的视图技术（Facelets），需要XHTML模板来生成HTML。输出可以和完全有效的HTML5一样好。另见