如何将主题实现到 html？
[英]How to implement theme to html?
问题描述
好的，所以我 100% 是编程新手。 问题格式也可能是错误的。 问题：html 的主题？ html 还是初学者。 希望它至少在我所学的情况下看起来在美学上令人赏心悦目。 还没有 CSS 知识。 我一直在寻找我想放在我的页面上的任何东西（表情符号）。 我搜索了谷歌并做了写的，但它仍然没有显示主题。 好的，这是您可以看到的代码，稍后我会添加更多内容（我知道这对你们所有人来说都没什么）：
<html>
<head>
<meta charset=“UTF-8”>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#f7cac9">
<title>Galaxia
</title>
</head>
<body>
<h3 style = "position:absolute; right:150px; top:-10px; background-color:pink;">
Welcome to my weird abode 🦋
</h3>
<br>
<br>
<!-- added two br tags because otherwise heading and paragraph overlap -->
<div class="coder">
<p>This is a html example from me for now,
<br>
have fun.:) </p>
</div>
</body>
</html>
先感谢您！
2 个解决方案
解决方案1
1 2020-06-24 14:07:25
In order to add styles to your HTML page, you use css (with the file extension.css -- for example styles.css ). 要使 styles 在您的 html 页面上可见，您将在头部部分包含<link rel="stylesheet" href="styles.css"/> 。 例如，在 css 文件中，您可以包括：
h3 {
color: #f7cac9;
}
然后，添加链接 rel 后，html 页面中的 h3 元素将变为粉红色。 希望这会有所帮助，或者。 您可以在 html 页面中添加标签。
这是将 css 添加到 html 页面的示例。 通过添加.coder {背景：绿色}，背景颜色变为绿色：
.coder { background-color: green; }
<html> <head> <meta charset=“UTF-8”> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#f7cac9"> <title>Galaxia </title> </head> <body> <h3 style = "position:absolute; right:150px; top:-10px; background-color:pink;"> Welcome to my weird abode 🦋 </h3> <br> <br> <,-- added two br tags because otherwise heading and paragraph overlap --> <div class="coder"> <p>This is a html example from me for now. <br> have fun::) </p> </div> </body> </html>
解决方案2
1 2020-06-24 14:21:54
就像其他人的帖子一样。
- HTML - 是一种标记语言。 你会对浏览器说：嘿，这是一个段落...
<p>This is a paragraph</p> - CSS - 你会让事情看起来更好。 您可以更改所有 colors、背景、fonts、尺寸、边距...
w3schools.com是查找快速教程的好地方，也是一个了解的好地方。
它很有名，很多人都在使用它。
我希望你继续推动。
第一步是最难的！
如何在 Vue 中正确实现 html/css/js 主题？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.