css_note

//不透明度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 : woffbootstrap:+ 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-stylenone 默认。定义无轮廓。 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不要定义成可继承的或全局的