前端页面基础

清除元素的内外边距
margin：0；
padding:0;
box-sizing:border-box;

定位（可以压住其他盒子）
绝对定位
选择器{position：absolute；}
相对定位
选择器{position：relative；}
top left right bottom
子绝父相（父亲元素相对定位，给子类元素绝对定位）
加了定位的元素不占据网页的位置

块级元素（加入块级元素调整大小）
a{…}
display：block；

后代选择器
类名 组件（后代）{…}

取消链接默认下划线
text-decoration：none;

fullpage固定导航栏
固定定位
position：fixed;

精灵技术
background-position:X坐标,Y坐标
坐标轴为0.0
鼠标经过链接伪类选择器
a:hover(鼠标经过){…}
类 a:hover

css动画
@keyframes ballAnimation{
form{
margin-top:0;
}
从哪开始
to{
margin-top:-25px;
}
从哪结束
}
元素运用动画
animation：动画名称 持续时间 运动曲线 播放次数 是否反方向
animation：myfirst 5s linear infinite alternate;
linear 匀速
infinite 无限循环
alternate 跑马灯 来回运动
元素旋转
transform：rotate（30deg）；
1.transform:转换。
2.rotate:rotate 旋转。
3.deg:30deg=30°，deg为单位。正数为顺时针，负数为逆时针。

视频


“不能加载视频时候提示”

视频跟随网页变更大小需要用到百分比的宽
.section video{
width:100%;
height:100%
}

视频自动播放在标签内加 autoplay 默认播放
autoplay loop 为一直循环播放
muted 播放视频的时候为静音

绝对定位的网页垂直居中
css 代码内添加
top:50%; 走父盒子高度的一般
transform:translateY(-50%); 往上走当前盒子高度的一般（X为水平）
translate 位移 如果加的是百分比 是相对于自己盒子的百分比

文字大小调节
font-size：Xpx；

外边距
margin:Xpx;

链接a标签 调节宽高不在网页显示，需要转换成为块级元素才能在网页显示
display：block；

文字居中
text-align：center；

图片垂直居中
vertical-align: middle;

文字模块切换屏幕淡入淡出功能
js模块实现·

淡入需要先隐藏文字模块
display：none；

最小屏幕
body{
min-width：XXpx;
}

占位符
&nbsp

合并单元格
跨行合并
rowspan=“合并单元格的个数”
跨列合并
colspan=“合并单元格的个数”

表单
输入表单
input标签
input type=""
type

table表格
tr行标签
td单元格标签
th表格单元格标签
thead表格头部区域标签
align 表格相对周围元素对其方式