前面的话 一般地，有两种自适应：撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外 ，还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这 ...
分类：
Web程序 时间：
2020-06-15 17:23:44
阅读次数：
131
这次给小伙伴们带来兼容性的学习知识点分享 浏览器为什么会解决兼容性啦？ 原因：同一个标签在页面上的默认样式不同，因此展现的效果也是不一样的。为了同一个标签在页面上的默认样式相同，所以只需要一个css就可以同意样式。 解决方案 方案1：重置文件（reset或者normalize）开源 方案2：can ...
分类：
其他好文 时间：
2020-06-15 12:31:56
阅读次数：
85
网上摘录常用css片段 垂直水平居中 /*绝对定位 ＋ 未知宽高 ＋ translate*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /*flex 轻松搞定水平垂直居中(未知宽高*/ dis ...
分类：
Web程序 时间：
2020-06-14 23:22:57
阅读次数：
85
主要实战技巧 1、自动撑满剩下 设置flex布局 一项定死宽度/高度 剩下的利用 flex：auto 撑满 .父{ display:flex; width:2000px } .子1{ flex:auto } .子2{ width:200px } 2、垂直居中 (1)古董方法 外围一半 - 自身一半 ...
分类：
Web程序 时间：
2020-06-13 17:36:21
阅读次数：
74
在css3中我们知道可以使用box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果，每组参数值用逗号隔开。如果把box-shadow特性的两个偏移量 h-shadow 、v-shadow设置为0，将模糊值blur也设置为0，此时增加扩张半径，就会使元素的投影变为实线边框。这样就可以模 ...
分类：
Web程序 时间：
2020-06-13 14:37:06
阅读次数：
112
text-shadow 属性仅仅是用来设置文本阴影的，似乎并不能实现字体发光效果。其实不然，这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时，阴影就和文本重合了。这时，如果增大阴影模糊的距离，就可以达到字体外发光的效果了。当然，为了使外发光更加酷炫，还需要使用到 ...
分类：
Web程序 时间：
2020-06-13 14:30:34
阅读次数：
121
关于flex布局 dispaly：flex;添加到父元素上，决定了它的子元素的布局 以下都是添加在父元素上的属性： 1、flex-direction:决定了子元素在弹性盒内的主轴方向 1、row默认的x轴从左到右排列 2、row-reverse x轴倒序排列 3、column y轴从上到下排列 4. ...
分类：
其他好文 时间：
2020-06-12 17:32:03
阅读次数：
66
用js css3制作跟随鼠标悬停网页彩虹泡泡，彩色渐变的气泡光标ui动画特效。 document.addEventListener('mousemove', function(e) { let body = document.querySelector('body'); let circle = d ...
分类：
移动开发 时间：
2020-06-12 10:56:19
阅读次数：
92
printf("%s","china");printf中%s可以直接在输出列表中输入字符串。 scanf中%c格式下输入字符空格字符与转移字符都作为有效字符输入。例如 scanf("%c%c%c",&a,&b,&c);不能再输入字符时输入 a b c正确的输入方法是 abc () 从左至右！- + ...
分类：
其他好文 时间：
2020-06-12 01:07:23
阅读次数：
103
在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过ID属性可以将不同DIV元素进行区分。CSS2中引入了一些属性选择器，这些选择器可基于元素的属性匹配元素，而CSS3在CSS2的基础上扩展了这些属性选择器，支持基于模式匹配定位元素。 属性选择器 E[attr] 选择匹配具有属性 ...
分类：
Web程序 时间：
2020-06-12 00:49:43
阅读次数：
97
