top：0px；紧紧贴着最上面
margin:0px;外边距
padding:0px;内边距
position:fixed；定位导航栏
solid 实线px
float :left; 左浮动
margin:21 0; 上下居中
list-style；去圆点
position：relative；相对定位
positio：absolute；绝对定位
border 边框线
text-decoration: none; 去掉下线
text-align：center 居中
display：block 行元素变成快元素
background-position: 指定元素背景图片的位置。
-
background-image: 引用图片作为背景。
-
background-repeat: 决定是否重复背景图片。
background-attachment: 决定背景图是否随页面滚动
display: inline-block;行元素变成快元素（只需要高度的情况用）
text-align-last: justify;既然最后一行没有两端对齐，那我们就想办法让最后一行对齐
opac： 透明度
overflow：hidden 隐藏图片
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
●visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
offsetWidth 水平方向 width + 左右padding + 左右border-width
-
offsetHeight 垂直方向 height + 上下padding + 上下border-width
-
clientWidth 水平方向 width + 左右padding
- clientHeight 垂直方向 height + 上下padding
-
-
offsetTop 获取当前元素到 定位父节点 的top方向的距离
-
offsetLeft 获取当前元素到 定位父节点 的left方向的距离 *
-
scrollWidth 元素内容真实的宽度，内容不超出盒子高度时为盒子的clientWidth
- scrollHeight 元素内容真实的高度，内容不超出盒子高度时为盒子的clientHeight
-
-
-
- onmousedown 鼠标按下触发事件
- onmousemove 鼠标按下时持续触发事件
- onmouseup 鼠标抬起触发事件
var p = document.getElementById("p") /获取id名字为p的标签/ /* 给获取到的id添加事件 */ p.onmouseover = function (){ alert("鼠标已经移动上来！"); }
var p = document.getElementById("p") /获取id名字为p的标签/ /* 给获取到的id添加事件 */ p.onmouseout = function (){ alert("鼠标已经移出！"); }
transition {
ease：（逐渐变慢）默认值
2、linear：（匀速）
3、ease-in：(加速)
4、ease-out：（减速）
5、ease-in-out：先快后慢
}
border-radius: 19px; 常用来给button加圆角边框，或者画一个圆形按钮，仅需设置一个数值，即可给元素的四个边角设置统一的圆角弧度
document.getElementById 得到的是单个元素
document.getElementByClassName得到的是数组
getElementsByClassName() 方法返回文档中所有指定类名的元素集合
transform-origin用于设置动画的基点(中心点)
transform 旋转
display:inline-block;他行内元素共享一行
box-shawd 0 0 15px 颜色 ；阴影
opacity 指定透明度的属性是opacity,属性值从 0.0 到 1.0。值越小，越透明。
**transform的scale()缩放
perspective：800px 意思就是，我在离屏幕800px 的地方观看这个元素。(这个属性，要设置在父元素上面)好了
倾斜
有两种标签，i标签以及em标签。 区别：i标签只是文字倾斜，并无实际含义；而em标签强调文本内容，具备语义化，更推荐使用。
格式：倾斜内容 强调内容
加粗
有两种标签，b标签以及strong标签。 区别：b标签只是文字加粗，并无实际含义；而strong标签注重突出文本内容，具备语义化，更推荐使用。
格式：加粗内容 强调内容
下划线标签只占据大小合适自己的位置
