Question

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

Answer 1

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

.borderstyle {
    /* CSS here */
}

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

Answer 2

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

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

其他错误摘要，完整性：

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

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

Answer 3

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

Answer 4

添加。在课前和文本中心通过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>

Answer 5

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

例如：

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





</body>
</html>

Answer 6

对于课程

.borderstyle

表示ids

#borderstyle

标签

div

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

[type="type"]

CSS不适用于XHTML

6 个答案: