2017-3-25 css样式表 去除按钮点点击是的绿色边框

（一）分类

1.内联样式：写在标记的属性位置，优先级最高，重用性最差

2.外联样式表：写在页面的head中，优先级第二，重用性一般

3.外部样式表：写在一个以css结尾的文件中，通过引用来建立文件与html页面的关系，优先级最低，但是最灵活最好用，重用性最好

（二）选择器

1.class选择器  .写class名字{}    可以重名，2个或多个的时候，用逗号隔开 .class选择器可以选择很多

2.id选择器   #写id名字{}      id不能重复，只能有一个

3.标签选择器     标签名{}  优先级最低，能选中一堆元素，不建议使用

4.特殊选择器 

　　并列，用逗号隔开

　　后代，空格隔开

（三）样式表

1.大小

　　width  宽度     height  高度

2.背景 

　　background-color - 背景色　　background-image - 背景图片　　background-repeat-背景图的平铺方式

　　background-position-背景图片位置　　background-attachment-设置背景图片是否滚动　background-size-背景图大小

3.字体

　　font-family - 字体样式　　font-size - 大小　　font-style:italic-字体倾斜　　font-weight:字体加粗　　color-字体颜色

　　text-decoration:underline下划线/overline上划线/line-through删除线/none没有，用来去掉超链接的下划线

4.对齐方式

　　text-align - 水平对齐　　line-height - 行高　　text-indent - 缩进

　　vertical-align  - 垂直对齐方式，配合display:table-cell;

5.边界边框

　　margin - 外边距　　padding - 内边距 如果加了内边距，该元素会相应的变大　　

　　border：1px solid #60F 简写方式  第一个边框粗细 第二个边框样式 第三个边框颜色  

　　 boder-bottom:1px solid #60F    是 div下面加下划线 

6.列表方块

　　list-style：none将列表前面的序号去掉　　list-style-image - 可以将前面的序号变为图片

7.格式与布局

　　位置：position:fixed固定/absolute绝对位置-相对于父级元素（浏览器，绝对定位的上级）不会占位置

　　　　　　relative相对位置 -相对于自身应该出现的位置  会占位置

　　　　　　top left right bottom 定位的时候针对上下左右的距离

　　流：float:left/right

　　　　clear:both   清除流

　　z-index  分层 值越大越靠上

8.其他

　　display：显示block和隐藏none,不占位置

　　visibility：显示visible和隐藏hidden,占位置

　　overflow：超出范围 hidden隐藏

　　透明：opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)

　　圆角：border-radius:5px;

　　阴影：box-shadow:0 0 5px white;

 9.

　　cursor - 调整鼠标的样式 pointer是小手

　　border -right:1px solid red ;box-sizing:boder-box;   设置右边线，如果超出外部div的宽度，box-sizing:border-box      会使边线融合到里面的div中，不超出外部

　（二）　去除input按钮点击是的绿色边框

　　style="outline:none";