Html 使用积累

隐藏html

  1. display:none|block; 隐藏不占据空间.
  2. visibility：hidden|visible; 隐藏仍占据空间;

css3 html支持浏览器程度查询

http://caniuse.com/

css@import和link的区别

http://www.dreamdu.com/blog/2007/05/11/css_link_import/

好用的框架

类似于alert的作用,但是用户无需点击它,它会自动显示在右下角,用户体验棒很多http://github.hubspot.com/messenger/docs/welcome/

bootcdnhttp://www.bootcdn.cn/各大框架的各版本链接

待消化框架

做动画效果的http://tumult.com/hype/

零散知识点

  1. <code>标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码.
  2. <th scope="col|row|colgroup|rowgroup">对普通浏览器无作用,但是被作为阅读器理解为头部.

  3. vertical-align可能的值:

    3.1 baseline元素放置在父元素基线上

    3.2 sub垂直对齐文本下标

    3.3 super垂直对齐文本上标

    3.4 %使用line-height属性的百分比值来排列元素,允许使用负值

    3.5 inherit从父类继承

    3.5 其余:top,text-top,middle,buttom,text-bottom,length

4.float使用后magin 0 auto会失去作用,因为float的布局会移出文档流.

Bootstrap 理解

  1. .col-xs-12 .col-sm-6 .col-md-8表示 当屏幕小于768时,按xs走,屏幕分辨率在768-996时按sm走,大于996后按md走
  2. 使用表格样式.table,.table-striped斑马线样式,.table-bordered带边框,.table-hover悬停样式,table-condensed紧凑,table-responsive滚动条响应式

控件状态

以a标签为例

a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

规范性

1.标签中的的顺序

class
id, name
data-*
src, for, type, href
title, alt
aria-*, role

零散属性收集

  1. background:

     background-color
 background-position
 background-size
 background-repeat 
 background-origin
 background-clip
 background-attachment
 background-image :url()
html

Comments