Html CSS类样式问题_Html_Css_Notepad

Html CSS类样式问题

html css

Html CSS类样式问题,html,css,notepad,Html,Css,Notepad,在Windows记事本中使用css时，我遇到以下问题： <!DOCTYPE html> <html> <head> <title>RYZJMScience</title> <style> #title { display: block; mar

在Windows记事本中使用css时，我遇到以下问题：

<!DOCTYPE html>
    <html>
        <head>
            <title>RYZJMScience</title>
            <style>
                #title {
                    display: block;
                    margin: 0px auto;
                }
                .page {
                    text-decoration: none;
                    display: inline;
                    font: "Georgia, serif;
                    font-size: 40px;
                    font-color: rgb(0,0,205);
                    border: 2px 1px 1px 1px solid rgb(255,140,0);
                }
            </style>
        </head>
        <body>
            <img src="title.png" id="title">
            <a href="index.html" class="page">Home</a>
            <a href="weekly.html" class="page">Weekly</a>
            <a href="monthly.html" class="page">Monthly</a>
            <a href="physics.html" class="page">Physics</a>
            <a href="chemistry.html" class="page">Chemistry</a>
            <a href="biology.html" class="page">Biology</a>
            <a href="technology.html" class="page">Technology</a>
        </body>
    </html>


RYZJMScience
#头衔{
显示：块；
保证金：0px自动；
}
.第页{
文字装饰：无；
显示：内联；
字体：“格鲁吉亚，衬线；
字体大小：40px；
字体颜色：rgb（0,0205）；
边框：2px1px1px1px1px实心rgb（255140,0）；
}

运行此选项时，.page类选择器下唯一起作用的是用于取消链接下划线的文本装饰声明。请帮助！

此行：

font: "Georgia, serif;

应该是：

font-family: "Georgia", serif;

另外，设置字体颜色的属性是

color

，而不是

font-color

，并且需要拆分边框属性

因此，您的

页面

类应该如下所示：

.page {
    text-decoration: none;
    display: inline;
    font-family: "Georgia", serif;
    font-size: 40px;
    color: rgb(0,0,205);
    border-width: 2px 1px 1px 1px;
    border-style: solid;
    border-color: rgb(255,140,0);
}

检查小提琴

CSS

我所做的改变：

从

到

从

到

从

到

有关更多信息：

希望这能对您有所帮助。

因为您确实无法发布到，所以每当您的CSS中出现无法找到的语法错误时，您需要一种更好的方法

您可以使用了解CSS并能在屏幕上为您突出显示错误的称职的编辑器或IDE。以下是VSCode的屏幕截图。您可以从颜色判断出问题：

或者，您可以通过CSS linter或验证器（如）运行CSS。它会告诉您：

大多数web浏览器也会以解析错误、未知属性名称或样式检查器中显示的无效属性值的形式报告您的错误。了解如何使用它。下面是它的外观：

将鼠标悬停在黄色小三角形上会显示问题的更多细节，例如“未知属性名称”或“无效属性值”

font: "Georgia, serif;

font-family: Georgia, serif;

font-color: rgb(0,0,205);

color: #0000cd;

border: 2px 1px 1px 1px solid rgb(255,140,0);

border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-color:rgb(255,140,0);
border-style: solid;