Html 导致问题的法律责任
我有以下代码：Html 导致问题的法律责任,html,css,Html,Css,我有以下代码： <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <style> .nav{ border:1px solid #ccc; border-width:1px 0; list-style:none; margin:0; pad
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta charset="utf-8">
<style>
.nav{
border:1px solid #ccc;
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:center;
background-color: #333;
}
.navLi{
display:inline;
}
.nav ol{
display:flex;
}
.nav a{
display:inline-block;
padding:10px;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
color:white;
}
.green{
background-color:green;
}
.blue{
background-color:blue;
}
.sideBar{
width:25%;
background:#333;
height: 850px;
}
.whiteColor{
color:white;
}
.paragraph{
padding: 20px;
line-height: 150%;
font-family: ariel;
}
.div1{
width: 75%;
background: white;
}
.textSize{
font-size: 1px;
}
.div2{
border:solid 1px;
display:flex;
}
.image{
float:left;
}
.maxDiv{
max-width: 1000px;
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}
</style>
</head>
<body>
<div class="maxDiv">
<div id="myTopnav">
<ul class="nav">
<li class="navLi"> <a href="givataiim.html" class = "green">0</a></li>
<li class="navLi"><a href="#news" >1</a></li>
<li class="navLi"><a href="#contact">2</a></li>
<li class="navLi"><a href="#about">3</a></li>
<li class="navLi"><a href="#about">4</a></li>
<li class="navLi"><a href="rishon.html" class = "blue">5</a></li>
<li class="navLi"><a href="#about">6</a></li>
<li class="navLi"><a href="hw9.html">7</a></li>
</ul>
</div>
页面标题
.导航{
边框：1px实心#ccc；
边框宽度：1px0；
列表样式：无；
保证金：0；
填充：0；
文本对齐：居中；
背景色：#333；
}
纳夫利先生{
显示：内联；
}
海军陆战队{
显示器：flex；
}
.导航a{
显示：内联块；
填充：10px；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
颜色：白色；
}
格林先生{
背景颜色：绿色；
}
蓝先生{
背景颜色：蓝色；
}
.侧边栏{
宽度：25%；
背景：#333；
高度：850px；
}
.白色{
颜色：白色；
}
.段{
填充：20px；
线高：150%；
字体系列：ariel；
}
.1分部{
宽度：75%；
背景：白色；
}
.textSize{
字号：1px；
}
.第2分部{
边框：实心1px；
显示器：flex；
}
.形象{
浮动：左；
}
麦克斯迪夫先生{
最大宽度：1000px；
保证金：自动；
宽度：50%；
边框：3倍纯绿；
填充：10px；
}
<li class="navLi"> <a href="1.html" class = "green">0</a>
<ol>
<li class="navLi"><a href="#news" >1</a></li>
<li class="navLi"><a href="#news" >1</a></li>
</ol>
</li>
有什么想法吗？您可以将鼠标悬停在4上以查看子菜单。我清理了CSS，删除了我找不到正在使用的类/ID。
子菜单具有绝对定位。这两个菜单现在都是使用flexbox定义的
.nav{
显示器：flex；
证明内容：中心；
调整项目：灵活启动；
列表样式：无；
保证金：0；
填充：0；
}
纳夫利先生{
边框顶部：1px实心#ccc；
边框底部：1px实心#ccc；
位置：相对位置；
}
海军陆战队{
显示：无；
位置：绝对位置；
背景色：红色；
列表样式：无；
填充：0；
保证金：1px；
}
.navLi:悬停ol{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.navLi:悬停在ol li上{
填充：14px 16px；
}
a{
显示：块；
填充：14px 16px；
文字装饰：无；
背景色：#333；
字号：17px；
颜色：白色；
}
格林先生{
背景颜色：绿色；
}
蓝先生{
背景颜色：蓝色；
}
麦克斯迪夫先生{
最大宽度：1000px；
保证金：自动；
边框：3倍纯绿；
填充：10px；
背景色：#333；
}
-
- 一,
- 二,
- 三,