123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- /* 把我们所有标签的内外边距清零 */
- * {
- margin: 0;
- padding: 0;
- /* css3盒子模型 */
- box-sizing: border-box;
- }
- /* em 和 i 斜体的文字不倾斜 */
- em,
- i {
- font-style: normal
- }
- /* 去掉li 的小圆点 */
- li {
- list-style: none
- }
- img {
- /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
- border: 0;
- /* 取消图片底侧有空白缝隙的问题 */
- vertical-align: middle
- }
- button {
- /* 当我们鼠标经过button 按钮的时候,鼠标变成小手 */
- cursor: pointer
- }
- a {
- color: #666;
- text-decoration: none
- }
- button,
- input {
- /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
- font-family:思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
- /* 默认有灰色边框我们需要手动去掉 */
- border: 0;
- outline: none;
- }
- body {
- /* CSS3 抗锯齿形 让文字显示的更加清晰 */
- -webkit-font-smoothing: antialiased;
- background-color: #fff;
- font: 12px/1.5 思源黑体, Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
- color: #999999;
- }
- .hide,
- .none {
- display: none
- }
- /* 清除浮动 */
- .clearfix:after {
- visibility: hidden;
- clear: both;
- display: block;
- content: ".";
- height: 0
- }
- .clearfix {
- *zoom: 1
- }
- ::-webkit-scrollbar {
- width: 3px;
- }
- ::-webkit-scrollbar-track{
- background: transparent;
- border-radius: 3px;
- }
- ::-webkit-scrollbar-thumb {
- background: #3a414d;
- border-radius: 3px;
- }
- html,
- body,
- #app {
- width: 100%;
- height: 100%;
- overflow: hidden;
- user-select: none;
- }
- #app {
- background: url("../img/images/background02.png") no-repeat;
- background-size: cover;
- }
|