外部CSS是否能够设置<；html>；元素？_Html_Css

外部CSS是否能够设置<；html>；元素？

html css

外部CSS是否能够设置<；html>；元素？,html,css,Html,Css,我试图将CSS移动到一个外部文件中，但是在移动它之后，元素不再被样式化（最明显的是，背景颜色渐变），尽管当它是内部文件时，完全相同的代码工作是否可以使用外部CSS设置样式 CSS: HTML: 休·克兰克等 html{ 身高：100%；保证金：0；填充：0； } 身体{ 文本对齐：居中；字体系列：helvetica；边际：0px；填充：0px； /*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#33ccf

我试图将CSS移动到一个外部文件中，但是在移动它之后，元素不再被样式化（最明显的是，背景颜色渐变），尽管当它是内部文件时，完全相同的代码工作

是否可以使用外部CSS设置样式

CSS:

HTML:


休·克兰克
等

html{
身高：100%；
保证金：0；
填充：0；
}
身体{
文本对齐：居中；
字体系列：helvetica；
边际：0px；
填充：0px；
/*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#33ccff+0,33ccff+50,00cc66+100*/
背景：#33ccff；
/*旧浏览器*/
背景：-moz线性梯度（顶部，#33ccff 0%，#33ccff 50%，#00cc66 100%）；
/*FF3.6-15*/
背景：-webkit线性梯度（顶部，#33ccff 0%，#33ccff 50%，#00cc66 100%）；
/*铬10-25，Safari5.1-6*/
背景：线性梯度（至底部，#33ccff 0%，#33ccff 50%，#00cc66 100%）；
/*W3C、IE10+、FF16+、Chrome26+、Opera12+、Safari7+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#33ccff'，endColorstr='#00cc66'，GradientType=0）；
/*IE6-9*/
填充：0%5%0%5%；
}


休·克兰克
等

似乎只有你的地址不正确。如果html文件和css文件位于不同的文件夹中，则必须设置与html文件相关的css文件地址

检查此可能状态（X和Y是一些文件夹）：

或者尝试以下操作：

href=“/cssFolder/styles.css”

访问根目录

 <link rel="stylesheet" type="text/css" href="one of above addresses"/>

现在添加您自己的风格。您可以将所有这些样式添加到外部css文件中；你的方法是正确的。

是的，当然！您可以通过三种方式设置HTML标记的样式：

一,。内部CSS

二,。外部CSS

iii.内联CSS

对于外部CSS，您必须将一个新的CSS文件链接到HTML文件，然后您可以通过按id或类调用这些HTML标记来轻松地在HTML上添加样式。

是的，外部CSS将设置HTML页面的样式，除非它被内部或内联CSS覆盖。外部css文件必须链接到html页面

语法-

abc.css是文件名（示例）。

是。它起作用了。似乎没问题。你的CSS路径正确吗？同时将

type=“text/css”

属性添加到

link

tag.put

background

inside

body

样式中。@HarshalPatil这是很久以来不必要的检查两个文件（css和html）是否在同一文件夹中感谢您的回复。我想设置样式，使整个视点具有渐变。不会占据整个屏幕，因此渐变会重复。这是因为您在html中添加了填充。没有人在html中添加填充，他们在正文中添加填充。@HughCrank添加到正文样式

最小高度：100vh

我的地址是正确的。除适用于的CSS外，所有CSS均适用。我想设置样式，使整个视点具有渐变。没有占据整个屏幕，因此渐变会重复。对不起，我的问题主体可能不清楚，但我正确链接到了外部CSS文件。除适用于的CSS外，所有CSS均适用。

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hugh Crank</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body> etc.

Html.html
X/css.css
=> href="x/styles.css"

X/Html.html
css.css
 => href="../styles.css"

Y/X/Html.html
css.css
 => href="../../styles.css"

 <link rel="stylesheet" type="text/css" href="one of above addresses"/>

body{
    position: absolute;
    padding:0;
    margin: 0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}