我正在学习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文件,我忘了提及。
答案 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
。
其他错误摘要,完整性:
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"]