Q

CSS样式类问题

2016-12-26 187 views -1 likes

-1

我在Windows记事本使用CSS时遇到了以下问题：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>

当这个运行时，该班级。第选择下工作的唯一的事情是用于文本装饰声明删除链接的下划线。请帮忙！

2016-12-26 ScienceFire

A

回答

2

这条线：

font: "Georgia, serif;

应该是：

font-family: "Georgia", serif;

此外，设置字体颜色属性是color而不是font-color，并且边框属性需要被分割。

所以你page类应该是这样的：

.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); 
}

2016-12-26 09:51:54

1

检查this小提琴。

CSS

改变我做：

从

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;

更多的相关信息：

希望能帮助你。

2016-12-26 10:07:32

3

由于每次在CSS中找不到语法错误时都无法发布到SO，因此您需要更好的方法。

您可以使用知名CSS的高级编辑器或IDE，并且可以在屏幕上为您突出显示错误。这是VSCode的屏幕截图。您可以从什么是错的着色告诉：

或者，你可以通过CSS棉短绒运行你的CSS，或验证，如W3C CSS Validator。它会告诉你：

大多数Web浏览器也将报告你的错误，无论是在解析错误的形式，或在样式检查出未知的属性名称或无效的属性值的形式。了解如何使用它。下面是它的样子：

悬停在小黄三角将显示该问题的详细信息，如“未知属性名称”或“无效的属性值”。

2016-12-26 10:23:43

相关问题