清除前 清除后 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .contianer{ width: 600px; height: 200px; } .a{ width: 50px; he ...
分类：
Web程序 时间：
2020-07-15 23:45:19
阅读次数：
97
步骤 1 : 一个div始终贴在下方 首先把蓝色div设置为相对定位然后把内部的绿色div设置为绝对定位， bottom: 0表示贴在下面 <style> #div1 { position: relative; height: 300px; width: 90%; background-color: ...
分类：
Web程序 时间：
2020-07-15 23:43:28
阅读次数：
92
盒子的模型宽度不是你设置的width的值，根据box-sizing设置的属性决定， 如果为content-box那么元素的宽度为：width+margin+padding+border, 如果设置为border-box那么元素的宽度为：width+border+padding， content-bo ...
分类：
Web程序 时间：
2020-07-15 23:40:47
阅读次数：
74
步骤 1 : 块之间有空格 如果多个span连续编写，像这样： <span>连续的span</span><span>连续的span</span> 是不会有空格的 但是真正开发代码的时候，一般不会连续书写span,而是不同的span之间有回车换行，比如这样： <span>有换行的span</span> ...
分类：
Web程序 时间：
2020-07-15 23:38:54
阅读次数：
88
在使用node读取图片并加载到页面时，值得注意的是content-type的值不同，会得到不同的结果,content-type的值尤为关键 一、常见content-type的值 1.text/html 2.text/plain 3.text/css 4.text/javascript 5.appli ...
分类：
其他好文 时间：
2020-07-15 23:30:43
阅读次数：
186
CSS定位布局 基础知识 在CSS布局中，定位布局也是一种非常常见的技术手段，我们以京东为例： 上面是非常好的例子，对于定位布局来说它可以将一个元素放在页面上的任意一个位置。 但是定位布局也不能滥用，因为它可能会出现一些意料之外的问题，所以我们只对一些需要定位的元素进行定位，而不需要定位的元素则使用 ...
分类：
Web程序 时间：
2020-07-15 23:05:32
阅读次数：
90
单行： white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行： word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webki ...
分类：
Web程序 时间：
2020-07-15 22:46:33
阅读次数：
93
一、效果图： 应用： 二、上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类：
Web程序 时间：
2020-07-15 16:05:09
阅读次数：
104
要实现的效果：如果上面元素较少，提交按钮在屏幕底部，如果上面元素较多，接近一屏，或者超过一屏，按钮随之下移。 需要以下几点： 1、按钮和上面元素在一个div中，父div相对定位，需要居底的div绝对定位。 2、父div min-height: 100vh。 3、父div设一个伪类，伪类设置一定高度， ...
分类：
Web程序 时间：
2020-07-15 15:32:18
阅读次数：
425
前段时间有人向我提过一个问题：“怎么使用css实现点击操作。” 我想了下倒也不是不可以，在解答了之后觉得有趣，刚好最近也准备写点博客什么的，便拿来做素材吧。 具体实现思路：在点击块上添加一个隐藏的单选input，然后在css里使用选择器判断当前选中块。做出显示或隐藏其他块。整体代码如下： <!DOC ...
分类：
Web程序 时间：
2020-07-15 15:16:36
阅读次数：
130
