css基本操作

javascript网址：http://www.365aixue.com/javascript/

 1. http://www.gajotres.net/must-have-plugins-for-ionic-framework/
2. 打星 https://github.com/fraserxu/ionic-rating
3. 像下滑动隐藏头 https://github.com/driftyco/ionic-ion-header-shrink
4. Searchbar https://github.com/djett41/ionic-filter-bar
5. 图片延迟加载 https://github.com/paveisistemas/ionic-image-lazy-load
6. list自动分组 https://github.com/andrewmcgivery/ionic-ion-autoListDivider
7. 选择 https://github.com/domiSchenk/ionic-Select-Control
8. 省市联动： https://github.com/minh8023/ionic-citypicker
9. 比较好的错误提示： https://github.com/djett41/ionic-content-banner
10. 分组头固定： http://codepen.io/Poordeveloper/pen/BNpxrm
11. 更改头部刷新样式 http://plnkr.co/edit/1sPIdMrjzuxFT19MPuvT?p=preview
12. 原生分页 http://www.gajotres.net/handling-native-view-animations-with-ionic-framework/
13. https://github.com/ksachdeva/angular-swiper
14. 点击热力图实现：https://css-tricks.com/examples/ClickMap/#demo
15. Model select ： https://github.com/inmagik/ionic-modal-select
16. 不错的model选择控件 https://github.com/tipstrade/ionic-fancy-select
https://laracasts.com/series/learning-vue-step-by-step/episodes/7 

圆角边框
IE>=7   border-radius:10px;
火狐： -moz-border-radius:10px;

input属性placeholder="中方否认瞄准日渔船"

table表格的双线变单线border-collapse:collapse;

上划线

text-decoration:overline
删除线
text-decoration:line-through
下划线
text-decoration:underline

属性增加或减少单词，汉子，数字间的空白：word-spacing：5px

增加英语字母间的空白：letter-spacing:5px;

设置表格的边框是否被合并为一个单一的边框：

table{
border-collapse:collapse;
border:1px #00F solid;
}

添加点线：border-bottom:1px dotted red;

让表格分离：cellspacing='10px' 写在table中

添加背景图片

background: url(123.bmp) no-repeat;不平铺
background: url(123.bmp) repeat-x;水平重复
style="background: url(123.bmp) repeat-y; 垂直重复

清除浮动：clear:both;

盒子水平居中margin:0 auto

display
1:block 内链元素转为快元素
2:inline-block 内链元素转为内链快元素
3:none 取消内链转为快元素 <td style="display:none"></td>

定位 
  position: relative;left:50px;top:50px;相对定位
        position:absolute;left:50px;top:50px;相对盒子绝对定位
position:fixed;left:0;top:50%;相对屏幕绝对定位

这个属性的作用是隐藏溢出/清除浮动overflow:hidden

cursor其他取值  
auto                    ：标准光标  
default                 ：标准箭头  
pointer, hand                   ：手形光标  
wait                     ：等待光标  
text                      ：I形光标  
vertical-text          ：水平I形光标  
no-drop                ：不可拖动光标  
not-allowed           ：无效光标  
help                     ：帮助光标  
all-scroll         ：三角方向标  
move                     ：移动标  
crosshair           ：十字标  
e-resize  
n-resize  
nw-resize  
w-resize  
s-resize  
se-resize  
sw-resize

水平居中：text-algin:center;

垂直居中：line-height:5px;
首行缩进：text-indent:2em
字体加粗：font-weight:600;
背景图片：background:url(../img/index_29.jpg) no-repeat right;
伪类选择器：input:hover{}
绝对定位: position:relative;

相对定位: position:absolute;

/*相对定位  面向盒子定位*/ 
  position: relative;left:50px;top:50px;
/*绝对定位 会随着浏览器的移动而移动 面向浏览器定位*/   position:absolute;left:50px;top:50px;
/*绝对定位 不会随着浏览器的移动而移动 面向浏览器定位*/   position:fixed;left:0;top:50%;
display
1:block 内链元素转为快元素
2:inline-block 内链元素转为内链快元素

vertical-align:
baseline： 将支持valign特性的对象的内容与基线对齐 
sub： 垂直对齐文本的下标 
super： 垂直对齐文本的上标 
top： 将支持valign特性的对象的内容与对象顶端对齐 
text-top： 将支持valign特性的对象的文本与对象顶端对齐 
middle： 将支持valign特性的对象的内容与对象中部对齐 
bottom： 将支持valign特性的对象的文本与对象底端对齐 
text-bottom： 将支持valign特性的对象的文本与对象顶端对齐 
<percentage>： 用百分比指定由基线算起的偏移量。可以为负值。基线对于百分数来说就是0%。 
<length>： 用长度值指定由基线算起的偏移量。可以为负值。基线对于数值来说为0。（CSS2）
<font-weight>： 指定文本字体的粗细 
normal： 正常的字体。相当于number为400 
bold： 粗体。相当于number为700。 
bolder： 特粗体。也相当于strong和b对象的作用 
lighter： 细体 
<font-style>： 指定文本字体样式
normal： 指定文本字体样式为正常的字体 
italic： 指定文本字体样式为斜体。对于没有斜体变量的特殊字体，将应用oblique 
oblique： 指定文本字体样式为倾斜的字体  
<font-variant>： 指定文本是否为小型的大写字母 
normal： 正常的字体 
small-caps： 小型的大写字母字体 
<font-size>：   指定文本字体尺寸 
<absolute-size>： 根据对象字体进行调节。可选参数值：xx-small | x-small | small | medium | large | x-large | xx-large 
<relative-size>： 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。可选参数值：smaller | larger 
<length>： 用长度值指定文字大小。不允许负值。 
<percentage>： 用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值。 
<line-height>： 指定文本字体的行高 
normal： 允许内容顶开或溢出指定的容器边界。 
<length>： 用长度值指定行高。可以为负值。 
<percentage>： 用百分比指定行高，其百分比取值是基于字体的高度尺寸。可以为负值。 
<number>： 用乘积因子指定行高。可以为负值。 
<font-family>： 指定文本使用某个字体或字体序列
<family-name>： 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文，则应使用引号括起 
<generic-family>： 字体序列名称。  
font
caption： 使用有标题的系统控件的文本字体（如按钮，菜单等）（CSS2） 
icon： 使用图标标签的字体（CSS2） 
menu： 使用菜单的字体（CSS2） 
message-box： 使用信息对话框的文本字体（CSS2） 
small-caption： 使用小控件的字体（CSS2） 
status-bar： 使用窗口状态栏的字体（CSS2） 
让文本垂直对齐文本输入框: input{vertical-align:middle;} 

内链元素：
span 
<a href="" target='view_window'></a>
嵌入图像(链接图片):<img src="" alt="">
定义文本:<em></em>
定义文本比em强大:<strong></strong>
换行(换行无间距)<br/>
换行(有垂直间距)<p></p>
文本框默认显示灰色字:placeholder='邮箱/UC号/会员账号'
定义表单元素的标记：<label for="male">Male</label>
  <input type="radio" name="sex" id="male" />

display属性值:
none 此元素不会被显示。 
block 此元素将显示为块级元素，此元素前后会带有换行符。 
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 
inline-block 行内块元素。（CSS2.1 新增的值） 
list-item 此元素会作为列表显示。 
run-in 此元素会根据上下文作为块级元素或内联元素显示。 
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 
table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 
inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 
table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 
table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 
table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 
table-row 此元素会作为一个表格行显示（类似 <tr>）。 
table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 
table-column  此元素会作为一个单元格列显示（类似 <col>） 
table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） 
table-caption 此元素会作为一个表格标题显示（类似 <caption>） 
inherit 规定应该从父元素继承 display 属性的值。