1

我正在尝试制作一种新样式的代码框并经常更新外观，所以我希望它拥有所有外部脚本，因此如果我编辑文件，它将更新所有代码框，而不必全部编辑

这是我当前的代码：

<body>
<script>
var time = new Date().getHours();
if (time < 12) {
document.body.style.backgroundColor = 'lightblue';
} else if (time < 15) {
document.body.style.backgroundColor = 'blue'
} else if (time < 18) {
    document.body.style.backgroundColor = 'darkblue'
} else {
    document.body.style.backgroundColor = 'black'
}
</script>
<center>
<link rel="stylesheet" href="code-box-css.css">
<img src="http://sd-storage.weebly.com/files/theme/thecode.png" alt="The Code">
<br>
<textarea rows="12" name="styled-textarea" id="styled">
<font size=1 face=arial color=#1E83FF>Code From <a href="http://sd-storage.weebly.com/">SD- Storage</a></font>
<!--Do Not Remove Attribution Link-->

</textarea><br>
<font face=Arial color=#1E83FF size="1"><strong>Copyright © <script>
var today = new Date()
var year = today.getFullYear()
document.write(year)
</script> SD-Storage.weebly.com Inc. - All Rights Reserved.
</body>
4

1 回答 1

0

如果我理解正确，您需要外部 CSS 文件。您已经创建了一个 ( code-box-css.css)，但未正确放置。将其移动到<head></head>标签内。

现在将类添加到您要设置样式的所有文本区域，例如<textarea class="taStyle">.

接下来，你有这个外部 CSS ( code-box-css.css)，在它里面添加样式到那个类，如下所示：

.taStyle{background: green; color: red; font-size: 21px; }

我认为这将解决您的问题。

于 2014-11-14T02:44:22.707 回答