---
layout: post
title: CSS代码拾忆
category: 前端
tags:  Css
keywords: 
description: 该笔记会持续更新
---

{:toc} 


#### CSS方式去掉滚动条，但元素能滚动

```CSS
::-webkit-scrollbar {
    width: 0px;
}
```

#### table消除td间隙

```
<table  cellspacing="0" cellspacing="0">
```

即在`<table>`上将属性`cellspacing`,`cellspacing`分别设置为0 

#### 超大的banner图居中显示

```
.banner{
	background: url("../imgs/banner.jpg") no-repeat center center;
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
}
```

#### 解决Firefox的option中文字不垂直居中




#### `<a>`标签下载文件

`
<a href="https://www.baidu.com/" download="baidu">下载百度</a>
`
为保证chrome和Firefox样式兼容，使用`padding`而不使用`height`。


#### 隐藏掉背景上的字体

```css
line-height:0;
font-size:0;
overflow:hidden;
```