小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
网页web项目构成三要素
结构(HTML)、表现(CSS)、行为(JavaScript)
网页结构
<html></html>，称为"根标签"
<head></head>是网页文档的头部
<title></title>是网页文档的标题，属于<head></head>的子标签。【位于<head>的下一级并缩进一个tab】
<body></body>是网页文档的主体，和<head></head>是同级标签
半封闭标记：换行符<br>,分割线<hr>
注释标记：<!----> (快捷方式为command+/)
段落标记:<p>
使用方法：
p{
font-style
font-weight
font-size
...其他属性
}
-
line_height(行高):2em(行高是字体大小两倍)
-
letter-spacing(字间距)
-
word-spacing(单词间距)
表格:
<table>
<tr>
<td>...</td>
<tr>
行<tr>，列<td>
创建多行多列表格快捷方式：
创建五行五列：table>tr*5>td*5，加tab键（">"表示包含）
可以把一个个表格当作word中的单元格，那么合并单元格所使用的属性为:
- 跨列合并：colspan="2(或者你想设置属性的任意数值）"
- 跨行合并：rowspan=" "，这步操作使用前需先删除其中一个单元格，再进行跨行
- cellspacing: td与td之间的间隔，单元格之间的距离
- cellpadding: 每个单元格内，文字和边框的距离
- " "代表一个空格
添加图片：<img src="" alt="">，scr代表一个图片的源(图片位置)，alt代表图片的替换文字
属性title=图片的提示文字(当鼠标停留在图片上会显示)
⚠️网页设置常用图片格式有gif,jpg,png,其共同特点是都经过压缩，压缩比越高，图像品质越差。
设置超链接：<a href="超链接的地址">
去掉超链接下划线：text-decoration：none
三大列表
定义列表：
<dl>
<dt>定义名称</dt>
<dd>具体的解释</dd>
</dl>
快捷方式：dl>dt+dd*2 +tab键("+"代表并列)
无序列表：
<ur>
<li>...</li>
</ur>
-
去掉无序列表内填充：
padding=0 -
设置外边距：
margin-bottom -
去除无序列表的小圆点：
list-style=none -
无序列表加下划线：
border-bottom: 线宽(如：2px) 格式(如：solid) 颜色 -
无序列表文本加下划线：
text-decoration:underline(该属性也可用于去除超链接下方横线text-decoration:none) -
不换行：
whit-space:nowrap -
隐藏超出表格部分：
overflow:hidden -
超出部分用省略号表示：
tex-overflow:ellipsis上述属性均在<li>中实现
有序列表：
<ol>
<li>...</li>
</ol>
创建类
<style>
.class{
属性...
}
</style>
盒子模型："div+css"
<style>
div{
boder:粗细，样式，颜色
boder:1px,solid,gray
...
}
</style>
<body>
<div></div>
类的使用：
<div class="类的名称"></div>
列表、表格使用类也是这样
