#前台技术
#### HTML超文本标记语言标记语言的语法形式是以标签的形式存在
####标签<>
#####标签分类：单标签，标签对
```
//标签对
<div></div>
//单标签
```
HTML相当于楼的**骨架**
#### CSS层叠样式表CSS相当于用HTML的**装修公司**
#### JavaScript（JS是一种行为）
#### 开发环境：
浏览器：IE,``苹果,firefox``,Chrome,Opera
IDE:HBuilder,Sublime,WebSrore,DW,VSCode
need-to-insert-img
#第二天笔记
####简单的标签：
####块元素：独占一行，支持所有有的css命令，支持宽高
####行级元素（内联元素）
####<行间样式>多个div连在一起成为行间样式
####<内部样式>head中的style标签
```
head 中的<style></style>标签对为标签选择器，可以选择body中的标签进行统一设置
div{
```
统一设计body中的所有div标签样式
```
}
#标签ID{
```
个性化设置所对应标签ID的标签
```
}
标签选择器中:标签ID选择器的优先级要高于div标签选择器
标签ID前面必须加#
```
src为**源**的意思
transition:渐变
position:位置
absolute:绝对
animation:动画效果
infinite:无限
opacity:透明度
####设置动画 animation 时，需要设置三个参数：关键帧名称 时间（多长时间内完成动画展现） 是否循环（不写：默认不循环；infinite：无限循环）
####在设置完成动画后，需要创建@keyframes方法（关键真名称 同keyframes方法的名称）用大括号编写方法内的运动方式
```
#sina{
position: absolute;
left : 100px;
top ：100px;
amination :关键帧名称 10s infinite; /*三个参数中间只有空格 没有其他符号*
}
@keyframes 关键帧名称{
0%{
left: xpx;
top: ypx;
}
....
....
100%{
left: wpx;
top: zpx;
}
}
```
####在样式中是没有**=**号的
**透明不等同于消失**
####body的div标签中还可以嵌套div子标签
####background 不仅仅可以设置背景颜色，还可以设置背景图片。url设置背景图片的位置。背景图片默认填充，no-repeat为不自动填充。若设置非自动填充，可设置其他颜色填充剩余部分
####并集选择器：
```
<head>
<style>
#标签1,#标签2....{
}
</style>
</head>
```
####display: none 可以隐藏标签 ，可以使其在文档流中消失。如果不写display,其默认值为block（块）（针对div标签来说）
####<button></button> 这是按钮标签对，可以自定义标签对的功能，type表示
####获取文档中元素ID为box的元素并改变其是否现实：document.getElementById(box).display = 'none'
###js 中关键字带有-的不能识别：background-size 应该写成 ：backgroundSize -后面的首字母大写
