CSS不适用于XHTML

时间:2013-06-16 16:26:07

标签: html css

我正在学习CSS / XHTML。我有一个外部定义的样式表,我试图在我的HTML文件中使用它。

.css文件的内容很简单:

borderstyle {
     font-family:"Times New Roman", Times, serif;
     font-size: 20%;
     font-style:normal;
     border: blue dotted medium;
     display: inline;
}

以下是我尝试在HTML中使用它的地方:

 <body>
        <link rel="stylesheet" type="text/css" href="myCSS.css" />
        <center>
            <div class ="borderStyle">
                Welcome
            </div>
        </center>
 </body>

欢迎文字显示为居中,但格式正常,没有边框。

更新:这是一个XHTML文件,我忘了提及。

6 个答案:

答案 0 :(得分:4)

borderstyle是一个类,而不是一个元素,选择器应该以句点为前缀,使用:

.borderstyle {
    /* CSS here */
}

此外,我建议使用引号('Times New Roman')包装Times New Roman字体名称,并且不推荐使用center,使用CSS auto作为左侧,右侧,父元素上的边距或text-align: center;,因为您已分配display: inline

答案 1 :(得分:4)

其他答案都有效。你应该纠正他们提到的所有错误。

但还有一个未提及的错误:类名"borderStyle"。如果您使用CSS定位,则应使用相同的大小写。 I.E. .borderStyle而不是.borderstyle

其他错误摘要,完整性:

    css中的
  • borderstyle需要一段时间
  • <link>元素应该在头部
  • <center>不应该使用

另外,我会说20%的字体大小非常小。在大多数浏览器中,这相当于大约3px。你的意思是200%吗?

答案 2 :(得分:1)

您在CSS规则的选择器中缺少.,并且类名称应拼写为borderStyle而不是borderstyle,以便与HTML中的类名匹配。试试这个:

.borderStyle {
     font-family:"Times New Roman", Times, serif;
     font-size: 20%;
     font-style:normal;
     border: blue dotted medium;
     display: inline;
}

此外,您应该将CSS文件的链接移动到网页的<head>部分,例如

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="myCSS.css" />
    </head>
    <body>    
        <!-- body content omitted for brevity -->    
    </body>
</html>

答案 3 :(得分:1)

添加。在课前和文本中心通过css,并在头部区域添加样式链接

.borderstyle {
    font-family:"Times New Roman, Times, serif";
    font-size: 20%;
    font-style:normal;
    border: blue dotted medium;
    display: inline;
    text-align: center;
}

这是没有中心标记的html,仍然是文本居中

<head>
<link rel="stylesheet" type="text/css" href="myCSS.css" />
<head>
<body>
<div class ="borderStyle">
    Welcome
</div>
</body>

答案 4 :(得分:1)

CSS文件的链接应放在头部,而不是放在正文中。

例如:

<html>
<head>
<title> title
</title>
<link rel="stylesheet" type="text/css" href="myCSS.css" />
</head>
<body>





</body>
</html>

答案 5 :(得分:0)

对于课程

.borderstyle

表示ids

#borderstyle

标签

div

类型,名称或任何其他属性

[type="type"]