什么是回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失 ...
分类：
Web程序 时间：
2020-08-24 15:10:32
阅读次数：
62
在前端开发过程中，非IE浏览器下，当容器的高度自动，并且容器内容中有浮动元素（float为left或right），此时如果容器的高度不能自适应内容的高度，从而使得内容溢出破坏整体布局，这种现象叫做浮动溢出，为了方式这个现象的发生，就需要对CSS样式进行处理，而这个过程就叫做CSS清除浮动。现在常用的 ...
分类：
Web程序 时间：
2020-08-20 19:24:01
阅读次数：
134
一、左右两列布局 1、代码如下，可先粘贴复制，自行运行 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两列布局</title><!--左边列固定，右边列自适应--> <style type="text/css"> *{ padd ...
分类：
Web程序 时间：
2020-08-20 19:23:28
阅读次数：
120
公司有一个新的需求 是需要悬浮球在一侧上下滑动 其实是很简单的 而且网上都有各种案例，但是 偏偏是横屏状态下 ，而且不是手机横屏 是用css强制旋转屏幕90度之后的横屏，所以就会出现坐标系的紊乱，然后我这个功能一开始做成的效果就是触摸上下滑动的时候 ，悬浮球是左右走（目前的这个图片的上下左右），当时 ...
分类：
其他好文 时间：
2020-08-20 19:12:41
阅读次数：
71
CSS伪元素 :first-line； :first-letter :before :after :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 <html> <head> <style type="text/css"> p:first-line { ...
分类：
Web程序 时间：
2020-08-19 19:19:47
阅读次数：
80
为什么要用精灵图？ 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 如何去减轻服务器压力，减少加载图片的时间 图片的懒加载 精灵图 CSS精灵图定义 1. CSS sprites 2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标 使用 background-ima ...
分类：
Web程序 时间：
2020-08-19 19:17:27
阅读次数：
85
CSS 为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS：（网页美颜相机） 层叠样式表 作用：用来美化网页的 样式表 样式表：行内样式表 内部样式表 外部样式表 行内样式表（内联样式表）：内嵌的标签中，通过style style是标签的属性 、属性值是多个样式 px:像 ...
分类：
Web程序 时间：
2020-08-19 19:16:23
阅读次数：
71
为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS：（网页美颜相机） 层叠样式表 作用：用来美化网页的 样式表 样式表：行内样式表 内部样式表 外部样式表 行内样式表（内联样式表）：内嵌的标签中，通过style style是标签的属性 、属性值是多个样式 px:像素单位 ...
分类：
Web程序 时间：
2020-08-19 19:13:59
阅读次数：
87
知识点一：选择器 1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器： 标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器： 子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器： :link :hover :active :visited ...
分类：
Web程序 时间：
2020-08-19 19:11:28
阅读次数：
141
知识点一：外边距 1、回顾盒子模型包含：内容、内边距、边框、外边距 2、定义：盒子的边框与其他元素或者浏览器边缘之间的距离 3、使用： ① 上外边距 margin-top: 100px; ② 左外边距 margin-left: 80px; ③ 下外边距 margin-bottom: 50px; ④ ...
分类：
Web程序 时间：
2020-08-18 15:37:29
阅读次数：
108
