Php CSS-覆盖CSS重置_Php_Html_Css_Stylesheet

Php CSS-覆盖CSS重置

php html css

Php CSS-覆盖CSS重置,php,html,css,stylesheet,Php,Html,Css,Stylesheet,问题：margin:0 auto在车身上不起作用背景色：#EEEEEE另一方面，即使它们位于同一块上，也能正常工作 index.php： <html> <head> <title>MForte</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet"

问题：

margin:0 auto

在车身上不起作用<代码>背景色：#EEEEEE另一方面，即使它们位于同一块上，也能正常工作

index.php：

<html>

    <head>
        <title>MForte</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/bodyStyleSheet.css">
    </head>

    <body id="container">
        <p>test</p>
        <p>test</p>
        <p>test</p>
    </body>

</html>

bodyStyleSheet.css：

#container {
    margin: 0 auto;
    background-color: #EEEEEE;
}

我所尝试的：

1）相互交换

和

2）从

index.php

文件中删除

body

的

id

，并将

#容器

替换为

body

3）为了测试这个场景，因为

border:0

是在

reset.css

上声明的，所以我尝试在

index.php

上创建一个包含2行的

表<代码>边框：1

在

表

标记中的

reset.css

上声明。边框没有显示。

您的方法是错误的，您正在尝试水平居中

主体

元素，该元素的默认

宽度

为

100%

，因此即使您想水平居中

主体

，您也不能，因为它是

100%

在

width

中，实际上设计师从不

居中主体标签。。因此，如果需要，在body
元素中嵌套一个容器div
，分配一些固定的宽度
，然后使用边距：0 auto。所以，像这样改变你的DOM
<body>
   <div id="container">
   </div>
</body>

#container {
   width: 1000px;
   margin: 0 auto;
}

但有些人更喜欢CSS重置样式表，它将跨浏览器差异降至最低。。所以你可以选择任何选项

最后但并非最不重要的一点，您正在谈论的是重写，使用重置样式表，这些样式表总是使用最小的特殊性选择器，使用class
或id
将使您的选择器比重置样式表中使用的选择器更特殊，因此不要使用！重要信息
除非需要，否则最好使用特定的选择器。
您的方法是错误的，您试图水平居中主体
元素，该元素的默认宽度为100%
，因此即使您想水平居中主体
，您也不能，因为它是100%
在width
中，实际上设计师从不居中主体标签。。因此，如果需要，在body
元素中嵌套一个容器div
，分配一些固定的宽度
，然后使用边距：0 auto。所以，像这样改变你的DOM
<body>
   <div id="container">
   </div>
</body>

#container {
   width: 1000px;
   margin: 0 auto;
}

但有些人更喜欢CSS重置样式表，它将跨浏览器差异降至最低。。所以你可以选择任何选项

最后但并非最不重要的一点，您正在谈论的是重写，使用重置样式表，这些样式表总是使用最小的特殊性选择器，使用class
或id
将使您的选择器比重置样式表中使用的选择器更特殊，因此不要使用！重要信息
除非需要，否则最好使用特定的选择器。
使用！在css/bodyStyleSheet.css中很重要
比如
#container {
    margin: 0 auto;
    background-color: #EEEEEE !important;
}

这是一篇关于粉碎杂志的好文章
使用！在css/bodyStyleSheet.css中很重要
比如
#container {
    margin: 0 auto;
    background-color: #EEEEEE !important;
}

这是一篇关于粉碎杂志的好文章
您没有采取任何措施阻止body
占用整个允许宽度，因此边距：0 auto不会做任何事情。首先固定body
的宽度，使其不象html
那样宽，然后您将看到边距
正在做一些事情。您没有做任何事情来阻止body
占用允许的整个宽度，因此边距：0自动不会做任何事情。首先固定body
的宽度，使其不像html
那样宽，然后您将看到边距
正在做一些事情。为什么要使用！重要信息
？我很抱歉没有包括使用if！尽管我能试一下，但这个问题很重要。但是谢谢你抽出时间来为了这个。这可能对其他观众有用。！重要信息覆盖dom对象的以前css声明，并提高作用域强度。如果我没记错（有人纠正了我的错误），如果在css文件中使用，它也可以覆盖内联css。非常感谢Michael，同意你的观点：）这种方法是不可持续的。你会有很多！重要信息
直到很难跟踪正在发生的事情为止为什么要使用！重要信息
？我很抱歉没有包括使用if！尽管我能试一下，但这个问题很重要。但是谢谢你抽出时间来为了这个。这可能对其他观众有用。！重要信息覆盖了dom对象之前的css声明，并提升了作用域强度。如果我没记错（有人纠正了我的错误），如果在css文件中使用，它也可以覆盖内联css。非常感谢Michael，同意你的观点：）这种方法是不可持续的。你会有很多！重要信息
直到很难追踪到底发生了什么嗨，外星人先生，感谢您的快速响应。为车身设置固定宽度解决了我的问题。另外，感谢你指出了其他一些重要因素。最后一个问题，我还尝试在reset.css创建一个表，设置表{}上的边框大小，但在呈现时没有显示。“MichaelArdan有什么可能出错？”@我的回答是：“不要使用固定<代码>宽度<代码> > <代码>正文<代码>，考虑使用容器元素，Alien先生，谢谢快速响应。为车身设置固定宽度解决了我的问题。另外，感谢你指出了其他一些重要因素。最后一个问题，我还尝试在reset.css创建一个表，设置表{}上的边框大小，但在呈现时没有显示。“MichaelArdan有什么可能出错？”@我编辑了我的答案，在“<代码>正文> <代码> >中，不要使用固定<代码>宽度>代码>，请考虑使用容器元素来代替。