Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 需要帮助修复CSS中的“预期属性值”(初学者/业余爱好者)_Html_Css - Fatal编程技术网

Html 需要帮助修复CSS中的“预期属性值”(初学者/业余爱好者)

Html 需要帮助修复CSS中的“预期属性值”(初学者/业余爱好者),html,css,Html,Css,所以我试图在我的项目中设置一些动画文本,但我一直在vscode中得到一个错误,在主标题中说property value expected csscss property value expected[59,1],我认为这导致代码无法工作,因为它没有显示我在浏览器中打开页面时尝试执行的操作,这表明css代码不存在 我还没有尝试修复它,我在下面发布了完整的代码,因为我不确定是什么导致了它,我是一个初学者 在这里,在森林里,黑暗而深沉,我为你提供永恒的睡眠。 .主要内容{ 溢出:隐藏; 位置:相对位置

所以我试图在我的项目中设置一些动画文本,但我一直在vscode中得到一个错误,在主标题中说property value expected csscss property value expected[59,1],我认为这导致代码无法工作,因为它没有显示我在浏览器中打开页面时尝试执行的操作,这表明css代码不存在

我还没有尝试修复它,我在下面发布了完整的代码,因为我不确定是什么导致了它,我是一个初学者

在这里,在森林里,黑暗而深沉,我为你提供永恒的睡眠。 .主要内容{ 溢出:隐藏; 位置:相对位置; 显示器:flex; 对齐项目:居中; 证明内容:中心; 柔性流动:柱; 高度:100vh; 背景:向右线性梯度,rgba36,31,31,10%,rgba36,31,31,132%,rgba74,71,70,1100%; 颜色:fff; 文本对齐:居中; } .小插曲{ 位置:绝对位置; 宽度:100%;高度:100%; 盒影:镶嵌0px 0px 150px 20px黑色; 混合模式:倍增; -webkit动画:vignette动画3s无限;/*Safari 4+*/ -moz动画:vignette动画3s无限;/*Fx 5+*/ -o-animation:vignette Animan 3s infinite;/*Opera 12+*/ 动画:渐晕动画3s无限;/*IE 10+,Fx 29+*/ } .噪音{ z指数:100; 位置:绝对位置; 排名:0; 左:0; 宽度:100%; 身高:100%; 指针事件:无; 不透明度:.15; } .线路{ 位置:绝对位置; 高度:100%;宽度:1px; 不透明度:0.1; 背景色:000; } .titleCont{位置:相对;} .主标题{ 填充物:3em 1em.25em; 字体大小:400; 字体大小:40px; 颜色:白色; 字体系列:“Bellefair”,衬线; 位置:相对位置; 线高:1.3; 白间距: } .字幕{ 位置:绝对位置; 排名:0; 左:0; } 多特先生{ 宽度:3倍; 高度:2倍; 背景色:白色; 位置:绝对位置; 不透明度:0.3; } @-webkit关键帧渐晕动画{ 0%,100%{不透明度:1;} 50%{不透明度:0.7;} } @-moz关键帧渐晕动画{ 0%,100%{不透明度:1;} 50%{不透明度:0.7;} } @-o-关键帧渐晕动画{ 0%,100%{不透明度:1;} 50%{不透明度:0.7;} } @关键帧渐晕动画{ 0%,100%{不透明度:1;} 50%{不透明度:0.7;} } 我从这里复制粘贴了代码,希望它看起来一样

提前感谢

您定义了一个属性白间距,但没有给出它所期望的值:


此外,这里的问题不是空白,而是空白: 代码笔上指向库的外部链接未正确链接。或者你根本没有链接到它们

单击JavaSript选项卡中的齿轮时,将看到此处列出的外部库

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js https://codepen.io/mimikos/pen/GvpJYQ https://codepen.io/mimikos/pen/rzOOgG 您是否在代码中使用标记链接到这些内容

如果没有,你应该做

然后,codepen实际上可以通过上下文解释到库的链接。如果在JS设置中添加带有画笔URL的外部画笔,codepen会自动知道它应该是JS文件,并导入相应的文件扩展名,如下所示:

您自己必须手动执行此操作。因此,您应该添加到代码中的HTML是

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script src="https://codepen.io/mimikos/pen/GvpJYQ.js"></script>
<script src="https://codepen.io/mimikos/pen/rzOOgG.js"></script>
但是 像这样链接到外部代码是非常危险的。JS代码在将来随时都可能更改。这可能导致失败和/或更严重的大规模安全漏洞。最好下载代码并保存到Web服务器,然后导入这些代码

背景噪音:另存为js/Background-Noise.js GSAP旧电影风格:另存为js/Old-Movie-Style.js
白色间距:没有值。。。而且拼错了。应该是空白。@sleepydev您实际上想要实现什么?究竟发生了什么?我们猜不到你的意图@yunzen我在线程上发布了一个我想要的代码笔:@sleepydevm在代码笔中,如果你点击设置并转到javascript代码,你会看到添加了3个脚本,请添加它们,它将为你工作。tooYep修复了错误,但是仍然没有显示出我在上面发布的代码笔链接中的预期效果是的,我考虑过了,并复制粘贴了代码而不是URL。非常感谢。
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script src="https://codepen.io/mimikos/pen/GvpJYQ.js"></script>
<script src="https://codepen.io/mimikos/pen/rzOOgG.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script src="js/background-noise.js"></script>
<script src="js/old-movie-style.js"></script>