gpt4 book ai didi

html - 将CSS嵌入网页

转载 作者:太空宇宙 更新时间:2023-11-03 19:29:36 27 4
gpt4 key购买 nike

我知道这是一个“菜鸟”问题,但我是一名大学生,正在尝试完成 HTML 5/CSS 类作业的介绍。到目前为止,我在完成作业时没有遇到太多困难,但由于某种原因,当我尝试将 css 嵌入 HTML 文件以向页面添加视觉样式时,我总是碰壁。我试图将 css 插入到,但页面没有改变它的样式。我错过了什么?我感谢所有的帮助!

带有嵌入式 CSS 的 HTML:

<!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8" />
<title>Apply 7-1</title>

<style type=”text/css”>
<!--
body {font-family: Verdana, Arial, sans-serif;
background: #edbf79;}
a {text-decoration: none; color: #5a3702;}
#menubar {border-top: 4px solid #f4dab2; border-right: 4px
solid #e0a140; border-bottom: 4px solid #e0a140;
border-left: 4px solid #f4dab2; background-color:
#f5cb8a; color: #5a3702; height: 23px;}
.menu {float: left; padding: 0.1em 3em 0.1em 0.5em;
cursor: default;}
.menu ul {display: none; position: absolute;
background-color: #f4dab2; color: #5a3702;
list-style: none; margin: 0.1em 0 0 0; padding: 0;}
.menu ul li {display: block; font-size: small; padding: 0.2em;}
div.menu:hover ul {margin: 0; padding: 0; display: block;
border-bottom: .15em solid #e0a140; border-left:
.15em solid #e0a140;}
div.menu ul li:hover {background-color: #e0a140;}
div.content {margin-left: 20px; margin-right: 20px;
padding-top: 8%; color: #5a3702;}
-->
</style>

</head>

<body>

<div id="menubar">
<div class="menu">Giza Pyramids
<ul>
<li><a href="sample.html">Khufu</a></li>
<li><a href="sample.html">Kafhre</a></li>
<li><a href="sample.html">Menkaura</a></li>
</ul>
</div>

<div class="menu">Pharaohs
<ul>
<li><a href="sample.html">Ramses the Great</a></li>
<li><a href="sample.html">King Tut</a></li>
<li><a href="sample.html">Cleopatra</a></li>
</ul>
</div>

<div class="menu">Temples
<ul>
<li><a href="sample.html">Horus at Edfu</a></li>
<li><a href="sample.html">Deir El Bahari</a></li>
<li><a href="sample.html">Abu Simbel</a></li>
</ul>
</div>
</div>

<div>
<table>
<tr>
<td><img src="egypt.jpg" width="329" height="256" alt="logo" /></td>

<td style="vertical-align:top"><p>You should research information about the Egyptian pyramids at Giza, the three Pharaohs listed, and the temples highlighted in the drop-down menus. There is a significant amount of information available.</p></td>
</tr>
</table>

</div>

</body>
</html>

这就是我应该如何在修改 css 样式后使网页看起来:enter image description here

最佳答案

虽然其他答案很好,但您源代码中问题的实际原因是在样式开始标记中使用了智能引号。

<style type=”text/css”>

弯引号而不是直引号。这会导致浏览器无法识别类型,从而忽略样式元素。
所以另一个答案中的解决方案有效,因为你删除了 type=”text/css”部分,不是因为您删除了 <!---->位。

实际上,<!---->不会造成任何伤害,即使不需要它们。请参阅此示例,其中确实应用了样式:

<style type="text/css">
<!--
body {background: #edbf79;}
-->
</style>

关于html - 将CSS嵌入网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36248180/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com