Question

当我将此代码添加到我的css文件时，它不起作用？但是当我将它添加到Head标签中的jsp文件时，它有效吗？

知道我错过了什么吗？

  <style>
    input[type="text"]
            {
     width:500px;
     display:block;
     margin-bottom:10px;
     background-color:yellow;
            }

    input[type="button"]
            {
        width:200px;
        margin-left:35px;   
        display:block;
            }
    </style>

Answer 1

删除<style> </style>代码。外部CSS不需要。

Answer 2

无需在外部样式表中打开和关闭样式。

Answer 3

style代码告诉浏览器直接包含在您的网页中时如何处理内容，因为单个html文档中可能存在混合内容类型，所以这是必要的。

但是，当您直接在CSS文件中定义样式时，不应包含样式标记，因为内容由文件类型（即外部样式表）确定。

您的CSS内容应如下所示：

input[type="text"]
{
   width:500px;
   display:block;
   margin-bottom:10px;
   background-color:yellow;
}

input[type="button"]
{
   width:200px;
   margin-left:35px;   
   display:block;
}

Answer 4

如果您使用的是外部CSS文件，则不应使用<style>标记。仅在同一HTML文档中使用CSS时才使用样式标记

css样式标签不起作用

4 个答案: