0

我正在学习 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 文件，我忘了提。

4

6 回答 6

4

其他答案都是有效的。您应该更正他们提到的所有错误。

但是还有一个没有提到的额外错误：类名，"borderStyle". 如果你使用 CSS 来定位它，你应该使用相同的大小写。IE.borderStyle而不是.borderstyle.

为了完整性，其他错误的摘要：

  • borderstyle在 css 中需要一个句号
  • <link>元素应该在头部
  • <center>不应该使用

此外，我想说 20% 的字体大小非常小。在大多数浏览器上，这大约是 3px。你是说200%吗？

于 2013-06-16T16:47:35.663 回答
4

borderstyle是一个类，而不是一个元素，选择器应该在前面加上句点，使用：

.borderstyle {
    /* CSS here */
}

此外，我建议将 Times New Roman 字体名称用引号 ( 'Times New Roman') 括起来，并且center已弃用，使用 CSSauto作为左、右、边距或text-align: center;在父元素上，如您分配的那样display: inline。

于 2013-06-16T16:27:49.120 回答
1

您在.CSS 规则的选择器中缺少 a ，并且应该拼写类名，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>
于 2013-06-16T16:28:26.147 回答
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>
于 2013-06-16T16:30:10.653 回答
1

CSS文件的链接应该放在head部分，而不是body。

前任：

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





</body>
</html>
于 2013-06-16T16:30:25.207 回答
0

上课

.borderstyle

对于 ID

#borderstyle

标签

div

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

[type="type"]
于 2013-06-16T16:28:10.383 回答