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   看不见
----------------------
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,784评论 0 2
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 8,877评论 0 6
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,915评论 1 19
  • 信息化对人类教育和学习方式产生了巨大影响,不断引发教育新思想、新形态。 1.互联网+教育 在教育以及教育信息化领域...
    山登绝顶阅读 2,880评论 1 2