HTML5语义化标签 1.<article>表示包含一个文档、页面、应用程序或网站中的一段独立的内容，也就是说，它能够独立地被发布或重新使用。可适用的地方有：一篇博客、一个论坛帖子、一篇新闻报道、一个用户评论... 2.<header>一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页 ...
分类：
Web程序 时间：
2019-12-24 23:20:35
阅读次数：
120
今天和大家分享一下position定位的相关知识 1、主要的属性：relative absolute fixed relative：就是相对自己当前的位置定位，不会脱离文档流 absolute：相对当前的父元素定位，如果没有就相对于文档定位，脱离文档流（不占据空间） fixed：固定定位，元素不会随 ...
分类：
Web程序 时间：
2019-12-24 09:19:34
阅读次数：
94
简介 我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。 FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。 常见的FC有BFC、IFC ...
分类：
其他好文 时间：
2019-12-22 20:23:48
阅读次数：
121
1.关于浮动 浮动的元素会脱离标准文档流（float）,从而不占据空间，实现了一行排列多个元素的效果 ，但是又导致上级元素height消失，处理这种情况的方法就是有两种： 1.第一种在css里写个伪类，哪些地方需要清除浮动，直接调用类名。 .clearfix::after{ display: blo ...
分类：
Web程序 时间：
2019-12-22 16:17:40
阅读次数：
88
共有三大体系：常规流（normal flow） 浮动（float） 绝对定位（absolute position） 常规流：在没有css的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 当元素浮动后，脱离文档流。因为子级元素浮动后导致父级高度坍塌。 浮动：1.左浮动的元素向上向左排 ...
分类：
其他好文 时间：
2019-12-21 20:56:51
阅读次数：
70
常规流 又叫做文档流；在没有CSS的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 脱离文档流 又叫做浮动流；元素在进行浮动后就是脱离文档流； 注意：浮动流在进行摆放的时候要避开常规流； 常规流在进行摆放时无视浮动流； 子级元素浮动后导致父级高度坍塌； 清除浮动 书写格式：fixe ...
分类：
其他好文 时间：
2019-12-16 22:53:37
阅读次数：
249
定位 相对定位 书写格式：position: relative ; left: xx px; top: xx px; 绝对定位:脱离文档流；默认的(0,0)点在body的左上角； 书写格式：position:absolute; left: xx px; top: xx px; 注意：绝对定位元素以包 ...
分类：
其他好文 时间：
2019-12-16 22:10:03
阅读次数：
86
文档流指的是元素排版时，会自动从左往右，从上往下的流式排列方式。元素分为两类默认独占一行，不能与其他元素并列，可以容纳内联元素和其他块元素，可以设置高和宽，如果不设置宽，则默认设置宽度为父级的100%如：div dl dt dd h1~h6 ul li ol tr td hr p pre等 （2）行... ...
分类：
其他好文 时间：
2019-12-10 00:48:15
阅读次数：
87
回流一定引起重绘，重绘不一定引起回流。 回流：回流也被称为重排，重排更让人形象易懂（即重排整个页面）。当render tree中的一部分或全部因为元素的尺寸规模、布局、隐藏等改变时，浏览器会重新渲染部分DOM或全部DOM的过程。 重绘：当页面元素样式改变不影响元素在文档流中的位置时（如backgro ...
分类：
其他好文 时间：
2019-12-07 12:21:06
阅读次数：
83
文档流 文档流就是文档内元素流动方向 流动方向 内联元素从左往右流，宽度不够，之字形，且元素会被截断 块元素从上往下流动，一排一排 注意事项 内联元素中有英文单词，流动时宽度不够，英文单词会整体迁移，不会被打断 若想打断上述联结，请使用css属性 /*想打断的内联元素*/{ word-break: ...
分类：
Web程序 时间：
2019-12-01 13:31:11
阅读次数：
87
