Codeopen

  • flex布局:设置之后子元素的float、clear和vertical-align属性将失效。并不代表子代元素布局会失效...

  • white-space:normal | pre | nowrap | pre-wrap | pre-line

  • text-overflow:clip | ellipsis两个很有用的css属性,竟然没有发现!!!

  • textContentinnerText兼容性更好,直接获取节点文本内容

  • 代码编写风格采用百度规范

  • 撸的分页bug好多好多好多,好多判断

  • jq的ajax比原生的ajax兼容性更好,所以还是jq吧

  • nodejs:知乎某个用户的相互关注列表

  • 改一下csscomb的配置,开启node项目,看一下flex,学习jq的ajax

  • 自己电脑上一定要有一个服务器

  • css中div背景整个页面的高度html{height:100%;}body{height:100%;}div{height:100%;}

  • position:fixed; top:0;

  • css3新的属性:calc

  • margin:0 auto;如果元素设置display:inline-block;的话,不起作用,display:block;起作用;

  • 盒子模型计算公式很重要,负边距负边距负边距也是根据计算公式来的

  • margin(行内元素左右生效)padding(行内元素上下左右生效)

  • 块级元素高度:内容区的高度

  • 父元素的border,padding没有设置的情况下,会把子元素和父元素看做一起(1.给父元素添加边框,调节父元素width和height)(2.给父元素加上overflow:)

  • 重置样式(reset.css)

html,body{
    height:100%;
}```

- 导航:(li:list-style:none;)

- 文字垂直居中:
      1. 父元素"padding-top = padding-bottom"明确设置 
      2. line-height

- 文字基线对齐(图片,文本元素)微调

- 行内元素的行块,依据最大的来计算

- visibility:none   看不见
----------------------

你可能感兴趣的:(Codeopen)