HTML + CSS + JavaScript 学习整理 （一）

一. HTML

二. CSS

1. 隐藏浏览器滚动条

::-webkit-scrollbar { /* 滚动条整体部分 */
  width: 0;
  margin-right: 2px;
}
::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分 */
  background-color: white;
}
::-webkit-scrollbar:horizontal {
  height: 0;
  margin-bottom: 2px;
}
::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分 */
  background-color: white;
}
::-webkit-scrollbar-thumb { /* 滑块 */
  width: 0px;
  background: #CBCBCB;
}
::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */
  background: #909090;
}

2. 边框不占宽度和高度

*{
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}

3. 背景图片不平铺

.div{
  background-repeat: no-repeat;
}

4. 选择器

/* a. 选择器 选中奇数 */
p:nth-child(odd){}
/* b. 选择器 选中偶数 */
p:nth-child(even){}

三. JavaScript