方法一:靠浮动 ######使用浮动，先渲染左右两个元素，分别让他们左右浮动，然后再渲染中间元素，设置它的margin左右边距分别为左右两个元素的宽度。 html部分(注意：此方法中间元素必须放在最后位置!) <div class="container"> <div class="left"></d ...
分类：
Web程序 时间：
2020-08-24 16:36:30
阅读次数：
60
Css 知识点总结 css中选择器的权重大小： 通配符选择器（*）—— 0 标签选择器、伪元素选择器（::after ,::before）—— 1 类选择器、伪类选择器、属性选择器 —— 10 id选择器 —— 100 行内样式 —— 1000 ！important —— 无穷 对于定义样式的三种方 ...
分类：
Web程序 时间：
2020-08-24 15:12:35
阅读次数：
82
什么是回流 当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
