css+div
超链接：
<a hert = " " target(超链接的打开方式)
= "self（自身）"或"new（新开窗体）">
</a>
锚点：超链接的特殊应用
<a href="#1"...> </a>
<a name ="1"> </a>
表格：容器,可以把这一个页面划分区域表格不能随便移动
div： 层标签 （默认占一行）
通过坐标设定位置，可以随意挪动 table 的单元格可以任意拖拽更利于网站优化
<div> </div>
css:style：样式表 控制标签的样式
body以及body里面所有的标签都可以加style
style：样式表
内联样式表：style 样式表写在body属性位置的时候
内嵌样式表：写在head范围之内的,来控制当前页面着写标签的样式
<head>
<style>
body{ /* 设置body标签的
颜色 */
background-color:#309
}
</style>
</head>
外部样式表：通过 link 标签链接 css 文件起一个宏观调控的作用，后期维护方便
<head>
选择器：如何用外部样式表控制HTML的标签
<link type="text/css"
href="css/style.css" rel="stylesheet" />
</head>
id选择器：标签的身份编号，一个网页里面 body范围之内所有的标签都可以写id 而且 id不能重复唯一识别
先在css文件里设置：
#p1
{
color:#0F9;}
然后：作用在原文件
</head>
<body>
<p id="p1">rer</p>
<p id="p2">sdf</p>
<p id="p3">sdf</p>
</body>
</html>
标签选择器：
body{ /* 设置body标签的 颜色 */
background-color:#309
}
优先遵循id选择器
在css注释：/* */
在HTML注释<!-- -->
class选择器：
先在css文件里面建立
.yangshi1
{
color:#C0F;}
然后在文件里面link css文件 然后通过
class=样式的名字
<body>
<p id="p1">rer</p>
<p id="p2" class="yangshi1">sdf</p>
<p id="p3">sdf</p>
</body>
画一个div，让这个div占满整个屏幕：
#apDiv1 {
position: absolute;
width: 100%;▲
height: 100%;▲
background-color:#FF0;
z-index: 1;
}
position是位置：默认是absolut，相对于body而言固定
fixed 锁定位置，如网页上方的导航栏
当两个div叠加到一起时，z-index: 从1开始，后面数字越大，层数越靠上，覆盖
当两个div中z-index:都为1 时，body中<div id="apDiv1"></div><div id="apDiv2"></div> 后写的那个在上面
做一个导航菜单，div的居中
position: absolute;
margin:auto;
div中，margin设置为auto是，是自适应，上下左右间距自由，取决于position：
absolute时，是在起点位置，
relative时，是居中
overflow:scroll;--如果超出的话给div加滚轴
hidden --隐藏
<div class="yincang" onmouseover="this.className=‘xianshi‘" onmouseout="this.className=‘yincang‘">
时间： 2024-12-26 17:56:15