# Java_Web
# 基础架构
标题
正文
底部
# 标签大全
常用标签
常见标签列表，按字母排序
# CSS 选择器
- 元素选择器
- id 选择器
- 类选择器
- 优先级：id > 类 > 元素
# 超链接
- a 标签 href 来引入
- 使用 target 来表示什么方式打开新的链接
- 使用 **text-decoration: none;** 去除下划线
| 值 | 描述 |
|---|---|
| _blank | 在新窗口或选项卡中打开链接文档。 |
| _self | 在与点击相同的框架中打开链接的文档（默认）。 |
| _parent | 在父框架中打开链接文档。 |
| _top | 在窗口的整个主体中打开链接的文档。 |
| framename | 在指定的 iframe 中打开链接文档。 |
<!DOCTYPE html> | |
<!-- 声明文档类型 --> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<!-- 字符集位 UTF-8 --> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<!-- 设置浏览器兼容性 --> | |
<title>Document</title> | |
<!-- 网页标题部分 --> | |
<!-- 内嵌样式 --> | |
<style> | |
html, | |
body { | |
width: 100%; | |
height: 100%; | |
} | |
body { | |
font-size: 12px; | |
letter-spacing: 0; | |
} | |
div { | |
display: block; | |
unicode-bidi: isolate; | |
} | |
a, | |
body, | |
div, | |
footer, | |
form, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
header, | |
html, | |
img, | |
input, | |
li, | |
p, | |
section, | |
select, | |
span, | |
ul { | |
margin: 0; | |
padding: 0; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-weight: 400; | |
} | |
h1 { | |
display: block; | |
font-size: 2em; | |
margin-block-start: 0.67em; | |
margin-block-end: 0.67em; | |
margin-inline-start: 0px; | |
margin-inline-end: 0px; | |
unicode-bidi: isolate; | |
} | |
.path-search { | |
margin-top: 20px; | |
height: 36px; | |
} | |
.path-search .path { | |
float: left; | |
} | |
.main-title { | |
font-size: 38px; | |
color: #4D4F53; | |
letter-spacing: 1px; | |
line-height: 54px; | |
padding: 10px 0; | |
} | |
.path .logo { | |
float: left; | |
background-position: 0 0; | |
width: 137px; | |
height: 36px; | |
margin-top: 0px; | |
} | |
.path .logo a { | |
display: inline-block; | |
width: 140px; | |
height: 37px; | |
} | |
a, | |
a:focus { | |
outline: none; | |
} | |
a { | |
text-decoration: none; | |
color: #333; | |
} | |
.path .channel-path { | |
float: left; | |
font-size: 14px; | |
line-height: 20px; | |
margin-top: 12px; | |
margin-left: 11px; | |
} | |
.sina-header { | |
min-width: 1000px; | |
height: 48px; | |
border-top: 1px solid #dfdfdf; | |
border-bottom: 1px solid #dfdfdf; | |
background-color: #f8f8f8; | |
position: relative; | |
} | |
.sina-nav, | |
.sina-nav .nav-list { | |
height: 48px; | |
float: left; | |
} | |
.sina-nav .nav-list { | |
position: relative; | |
z-index: 2; | |
} | |
.sina-nav .nav-list li { | |
float: left; | |
} | |
li, | |
ol, | |
ul { | |
list-style: none; | |
} | |
.sina-nav .first a { | |
padding-left: 0; | |
} | |
.sina-nav a { | |
display: block; | |
height: 48px; | |
line-height: 48px; | |
padding: 0 15px; | |
color: #333; | |
font-size: 14px; | |
} | |
</style> | |
<!-- | |
<link rel="stylesheet" href="style.css"> | |
外联样式 | |
--> | |
</head> | |
<body> | |
<div class="sina-header" id="sina-header"> | |
<div class="sina-header-inner"> | |
<div class="sina-nav"> | |
<ul class="nav-list"> | |
<li class="first"><a href="#">首页</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<div class=" path-search"> | |
<div class="path"> | |
<h1 class="logo"> | |
<img src="Img/news_logo.png" id="logo" style=""> | |
</h1> | |
<div class="channel-path"> | |
<a href="https://news.sina.com.cn/c/xl/2024-10-15/doc-incsruvu7499184.shtml" target="_blank">新浪新闻</a> | |
<span>></span> | |
<span>正文</span> | |
</div> | |
</div> | |
</div> | |
<h1 class="main-title">习近平对全军军事理论工作会议作出重要指示</h1> | |
<hr> | |
<div> | |
<span class="cls" id="time">2024年10月15日 21:50 </span> | |
<span class="cls" id="ysw"> 央视网</span> | |
<!--   就是一个空格 --> | |
</div> | |
<hr> | |
</body> | |
</html> |
