css的样式格式设置

//不透明度
opacity: .6;

//默认字体
body{
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

// 字体图标
@font-face {
  font-family: 'itcast';
  src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'), url('../font/MiFie-Web-Font.svg') format('svg'), url('../font/MiFie-Web-Font.ttf') format('truetype'), url('../font/MiFie-Web-Font.woff') format('woff');
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: itcast;
}
#### 格式：
- eot : embedded-opentype
- svg : svg
- ttf : truetype
- woff : woff


bootstrap:
+ width=(device-width):视口的宽度
+ initial-scale：初始化缩放
+ user-scalable:是否允许用户自行缩放（值：yes/no; 1/0）
+ minimum-scale:最小缩放，一般设置了用户不允许缩放，就没必要设置最小和最大缩放
+ maximum-scale:最大缩放

//媒体查询：
@media (判断条件（针对于当前窗口的判断）){
    /*这里的代码只有当判断条件满足时才会执行*/
}

@media (min-width: 768px) and (max-width: 992px) {
  /*这里的代码只有当(min-width: 1280px)满足时才会执行*/
  .container {
    width: 750px;
  }
}

//
 + data-spy="affix"
    + data-offset-top="什么位置出现"
    + data-offset-bottom="什么位置消失"

//响应式：
+ __xs__ : 超小屏幕 手机 (<768px)  
    + __sm__ : 小屏幕 平板 (≥768px) 
    + __md__ : 中等屏幕 桌面显示器 (≥992px) 
    + __lg__ : 大屏幕 大桌面显示器 (≥1200px)
- [响应式工具类](http://v3.bootcss.com/css/#responsive-utilities)
    + __hidden-xx__ : 在某种屏幕下隐藏 
    + __visible-xx__ : 在某种屏幕尺寸下显示


//outline-style
none 默认。定义无轮廓。 
dotted 定义点状的轮廓。 
dashed 定义虚线轮廓。 
solid 定义实线轮廓。 


//radio单独设定样式
(不一定只有radio)
[type=radio]{
   width:30px; height:30px;
}


//层次选择器
$('#mean span').css('background-color','red');
$('#menu>span').css('background-color','');
$('h2+dl')
$('h2~dl')

//div成行排列
display: flex;


//圆角
border-radious:15px;



position: fixed
用于生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
（当你定义的CSS中有position属性值为absolute、relative或fixed，
用z-index此取值方可生效。）


//字体间距：
letter-spacing: 1.2px;

font-family:verdana;font-size:16px;color:black;

font-family:verdana,sans-serif;()

css中这样写：@font-face { font-family: Webdings; /*这里是说明调用来的字体名字*/ src: url(‘Webdings.ttf’); /*这里是字体文件路径*/ }注意文件路径要正确，然后在相应的位置引用就可以了


    @font-face {  
        /* font-properties */  
        font-family: pictos;  
        src:url('pictos/pictos-web.woff'),    
        url('pictos/pictos-web.ttf'),  
        url('pictos/pictos-web.eot'); /* IE9 */  
    }  


<style>
a:link,a:visited{ text-decoration:none}
</style>

<span class=" glyphicon glyphicon-menu-left" aria-hidden="true"></span>

<span class=" glyphicon glyphicon-user" aria-hidden="true"></span>



1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，
这时可以用 html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust放在body上会导致页面缩放失效

3、body会继承定义在html的样式

4、用-webkit-text-size-adjust不要定义成可继承的或全局的