美文网首页
前端小记

前端小记

作者: 五月笑忘 | 来源:发表于2018-09-04 15:48 被阅读13次

盒子大小包括

margin,border,padding,本身大小

竖直高度= height + padding-top + padding-bottom + border-top + border-bottom

水平高度= width + padding-left + padding-right + border-left + border-right

相邻元素margin并非普通相加,而是取其中较大的边距值


link与import区别:

区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。


每个浏览器对margin,border,font-size等略有不同,通过CSS强制使各个属性值一样的过程就叫CSS初始化

img是内联元素,也是替换元素--能设置宽和高


在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

伪类名称对大小写不敏感。

相对定位:相对于浏览器左上角为原点

绝对定位:

固定定位:相对网页四个顶点,不受制于父元素

继承定位:继承父元素中的定位属性

z-index层级受父元素层级影响


如何控制div中文字垂直居中?
控制line-height与div高度一致


网页加载四种状态:

  1. uninitialized--还未开始载入
  2. loading--载入中
  3. interactive--已加载,文档与用户可以开始交互
  4. complete--已完成

判断加载状态的方法:
document.onreadystatechange--页面加载状态改变时的状态
document.seadyState--返回当前文件的加载状态


CSS中的height简直蛇精病!

相关文章

  • 移动端webapp,在进入某页面后,input框自动获取焦点并弹

    “前端小记”---- ----- ****************紧急更新********************...

  • Web扫雷开发小记(1)

    目录Web扫雷开发小记(2)Web扫雷开发小记(3)Web扫雷开发小记(4) 刚好今天做阿里前端笔试问到扫雷了,那...

  • Mac下全局安装uve环境

    前端JS小记 HTMLCollection 与 NodeList 的区别 HTMLCollection是 HTML...

  • 前端小记

    盒子大小包括 margin,border,padding,本身大小 竖直高度= height + padding-...

  • 前端小记

    “简单地记一下这段时间所遇到的前端知识点”1.用于重新计算iframe高度 2.PC端窗口缩放,页面布局不发生改变...

  • 前端小记

    从开始到现在历时一个半月已经做了两个前端项目了,第一个是比较简单的H5单页面应用,只做好一个页面就行了,唯一的点击...

  • 前端小记

    今天在朋友圈看了几个招聘帖子发现前端招聘果然也偏向原理化了,动不动就是深入理解vue,react,angular原...

  • 前端小记

    获取屏幕内所有元素 此处演示只后去文本元素

  • echarts-for-react 2018-04-10

    前端实习小记 echarts-for-react ECharts,一个使用 JavaScript 实现的开源可视化...

  • 前端框架小记

    框架: Material Design Lite (Google 的 Material Design 框架) Ad...

网友评论

      本文标题:前端小记

      本文链接:https://www.haomeiwen.com/subject/xuzfwftx.html