Question

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

我的意思是，举出像：

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

在我的页面内，而不是单独的CSS文件。

Answer 1

我认为您正在尝试将CSS放入HTML页面，而不是内联。

您可以将CSS放在HTML页面中（通常在head中），将其包含在style标记中：

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

Answer 2

当然，这是一个例子。但是，最好将样式保存在单独的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>

Answer 3

您也可以将css放在p标签内。

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

Answer 4

CSS的优点在于它适用于任何文件，而不仅仅是HTML，XML文件。您只需要在页面的任何位置定义这样的syle块

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

在HTML和HTML / XHTML中，标准是，您将把这个块放在head部分。如果它是其他类型的文件，例如.aspx或.php，则该块仍然有效，即使它不在head block中。

实施例

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

＆GT;

ASPX文件也是如此。

您还可以定义内联CSS，这意味着CSS在元素标记中正确。语法是

<p style="<all my styles>"> My paragraph contain inline CSS</p>

Answer 5

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

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

正如你在文献中所发现的那样，它虽然不是一种好的做法。

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

5 个答案: