前言 在css中，是存在流的概念的。在正常情况下，页面总是从左到右，从上到下布局，这种被称为正常的流。但是有很多情况，正常流是没办法实现的，因此我们需要一些手段来破坏流，从而实现一些特殊的布局，而本节的主角float就具备破坏流的特性。 float设计的初衷 很多新手在布局的时候，总喜欢用float ...
分类：
Web程序 时间：
2020-06-01 14:19:06
阅读次数：
73
随着技术的发展，目前css已经发展到了第三阶段css3.css3能够支持更多的动效，以前需要用js来实现的动画、过渡，计算等功能，如今大多都能够用css来实现，而且性能更佳。当然，随着业务的需要，在编写css过程当中，为了能够让css具备js的可复用性，灵活性、模块化开发以及更好的管理样式文件，像s ...
分类：
Web程序 时间：
2020-06-01 13:40:32
阅读次数：
85
原文地址：https://www.xksblog.top/the-p... text-overflow是CSS3中的属性，它规定了当文本溢出其包含元素时以何种方式显示。但在使用的时候，有时会发现这个text-overflow设置了属性怎么不起作用呀？现在我们就来踩踩这里面的坑。 text-overf ...
分类：
其他好文 时间：
2020-06-01 13:33:26
阅读次数：
54
0. 环境准备 1) jar包 jar包我会帮大家准备好的，所以不用担心找不到Jar包 链接：https://pan.baidu.com/s/1JJcYaspK07JL53vU-q-BUQ 提取码：1028 c3p0-0.9.1.2.jar commons-logging-1.1.1.jar mys ...
分类：
编程语言 时间：
2020-06-01 09:16:29
阅读次数：
91
弹性盒子基础 弹性盒子(Flexible Box)是css3中盒子模型的弹性布局，在传统的布局方式上增加了很多灵活性。 定义一个弹性盒子 在父盒子上定义display属性： #box{ display: -webkit-flex; //webkit内核浏览器的兼容设置，下同 display: fle ...
分类：
Web程序 时间：
2020-06-01 00:26:13
阅读次数：
92
半透明边框 background-clip: 规定背景的绘制区域 .div { width: 200px; height: 200px; background: blue; border: 10px solid rgba(255, 170, 170, 0.3); background-clip: p ...
分类：
Web程序 时间：
2020-05-31 19:34:47
阅读次数：
74
前言 还记得面试时被问起"请说说display:none和visibility:hidden的区别"吗？是不是回答完display:none不占用原来的位置，而visibility:hidden保留原来的位置后，面试官就会心一笑呢？其实不止那么简单呢！本文我们将一起深究它俩的恩怨情仇，下次面试时我们 ...
分类：
Web程序 时间：
2020-05-31 17:51:49
阅读次数：
76
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前，通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前，通用属性在最后。 animation定义动画的属性值。 @keyframes规则内指定一个 ...
分类：
其他好文 时间：
2020-05-31 16:30:10
阅读次数：
53
function fun(){ console.log(1); } fun(); //2 function fun(){ console.log(2); } fun(); //2 var fun=100; fun(); //报错，fun不是一个函数了 解析： 程序在执行前，都会先找到var声明得到变 ...
分类：
其他好文 时间：
2020-05-31 12:53:18
阅读次数：
43
基础准备对于这个实现，我们需要一个简单的 div ，并且样式类名为 ball ： HTML 代码: <div class="ball"></div> 我们将使用 Flexbox 布局，把球放到页面中间，尺寸为 100px * 100px，背景色为橘黄色。 CSS 代码: body { display ...
分类：
Web程序 时间：
2020-05-31 11:22:13
阅读次数：
78
