Html CSS在Firefox中不起作用_Html_Css_Google Chrome_Firefox_Web Frontend

Html CSS在Firefox中不起作用

html css google-chrome firefox

Html CSS在Firefox中不起作用,html,css,google-chrome,firefox,web-frontend,Html,Css,Google Chrome,Firefox,Web Frontend,当我在Firefox中打开页面时，不应用Css。但是，它在google chrome中确实有效。以下是详细信息： Html: 如果要使用内联css，只需使用标记，如下所示： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title></title> <style&g

当我在Firefox中打开页面时，不应用Css。但是，它在google chrome中确实有效。以下是详细信息：

Html:

如果要使用内联css，只需使用

标记，如下所示：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title></title>
<style>

#content{
  width:300px;
  height:500px;
  background:#e3e3e3;
  border:1px solid #666;
  margin-top:40px
}

#content p{
  padding:20px;
}
</style>
<style id="web-developer-edit-css-styles-0" class="web-developer-edit-css-styles" xml:base="/C:/Users/user1.Data/Desktop/CssNoobToNinja/CssNoobToNinja/">
</head>
<body>
<div id="content">
<p> Lorem ipsum dolor sit amet, dolorem fierent vim ea. Duo no discere voluptatum. Eum eu adhuc appareat, dolores imperdiet sea ea. Pri ut cetero consectetuer, ad populo sensibus ius. Nominavi persecuti pro ad, bonorum imperdiet moderatius cu cum, tollit tritani numquam ex qui. </p>
</div>
</body>
</html>


#内容{
宽度：300px；
高度：500px；
背景：#e3；
边框：1px实心#666；
利润上限：40px
}
#内容p{
填充：20px；
}
这是一个很好的例子。二人无盘卷。多洛雷斯，欧共体阿杜克公寓。首先，这是一种民粹主义。诺米纳维（Nominavi Purpose pro ad）、博诺伦（bonorum）和托利特·特里塔尼（tollit tritani numquam）

编辑：巨大的大脑屁，将

替换为

它现在已经修复了

只需在CSS周围添加样式标签：

<style>
#content{
width:300px;
height:500px;
background:#e3e3e3;
border:1px solid #666;
margin-top:40px
}

#content p{
padding:20px;
}
</style>


#内容{
宽度：300px；
高度：500px；
背景：#e3；
边框：1px实心#666；
利润上限：40px
}
#内容p{
填充：20px；
}

应使用

链接

标记将HTML页面链接到单独的CSS样式表。无法将CSS插入

链接

标记。为此，只需使用

样式

标记：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="Style.css" type="text/css" />
<style>
#content{
width:300px;
height:500px;
background:#e3e3e3;
border:1px solid #666;
margin-top:40px
}

#content p{
padding:20px;
}
</style>
<style id="web-developer-edit-css-styles-0" class="web-developer-edit-css-styles" xml:base="/C:/Users/user1.Data/Desktop/CssNoobToNinja/CssNoobToNinja/">
</head>
<body>
<div id="content">
<p> Lorem ipsum dolor sit amet, dolorem fierent vim ea. Duo no discere voluptatum. Eum eu adhuc appareat, dolores imperdiet sea ea. Pri ut cetero consectetuer, ad populo sensibus ius. Nominavi persecuti pro ad, bonorum imperdiet moderatius cu cum, tollit tritani numquam ex qui. </p>
</div>
</body>
</html>


#内容{
宽度：300px；
高度：500px；
背景：#e3；
边框：1px实心#666；
利润上限：40px
}
#内容p{
填充：20px；
}
这是一个很好的例子。二人无盘卷。多洛雷斯，欧共体阿杜克公寓。首先，这是一种民粹主义。诺米纳维（Nominavi Purpose pro ad）、博诺伦（bonorum）和托利特·特里塔尼（tollit tritani numquam）

在firefox中似乎运行良好。这是一支钢笔。有什么东西坏了吗？

无效。您似乎在

中包含CSS元素，这是错误的。像这样的内部CSS应该包装在

标记中。您的HTML无效。无效html在不同浏览器中可能具有随机行为。修复链接和样式标签。内部css不需要外部链接元素。它需要包含在一个样式标签中。这是一个复杂而令人困惑的问题。您可以提供一个实际示例的链接或添加一个代码snipet。它就像Firefox中的符咒一样工作：Style.css与html文件位于同一文件夹中？？你确定吗？你没有为此使用

标记。你用了一个

标签。为什么它在一个脚本标签里？是的，有一个巨大的大脑屁，写的是脚本而不是风格，我的坏。

<style>
#content{
width:300px;
height:500px;
background:#e3e3e3;
border:1px solid #666;
margin-top:40px
}

#content p{
padding:20px;
}
</style>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="Style.css" type="text/css" />
<style>
#content{
width:300px;
height:500px;
background:#e3e3e3;
border:1px solid #666;
margin-top:40px
}

#content p{
padding:20px;
}
</style>
<style id="web-developer-edit-css-styles-0" class="web-developer-edit-css-styles" xml:base="/C:/Users/user1.Data/Desktop/CssNoobToNinja/CssNoobToNinja/">
</head>
<body>
<div id="content">
<p> Lorem ipsum dolor sit amet, dolorem fierent vim ea. Duo no discere voluptatum. Eum eu adhuc appareat, dolores imperdiet sea ea. Pri ut cetero consectetuer, ad populo sensibus ius. Nominavi persecuti pro ad, bonorum imperdiet moderatius cu cum, tollit tritani numquam ex qui. </p>
</div>
</body>
</html>