一、过渡 什么是过渡？ 过渡是指：某元素的css属性值在一段时间内，平滑过渡到另外一个值，过渡主要观察的是过程和结果。 设置能够过渡的属性： 支持过渡的样式属性，颜色的属性，取值为数值，transform，渐变，visibility， 阴影 指定本次过渡生效的属性： transition-poper ...
分类：
Web程序 时间：
2019-10-03 20:03:17
阅读次数：
110
弹性盒 flexbil box or flexbox, css3的一种布局模式,页面可以适应屏幕大小与设备确保元素保持原来布局的方式，由弹性容器flex container,弹性子元素flex item组成，设置display来实现。 x轴代表主轴，从左到右，y轴代表侧轴，从上到下,主轴不一定是水平 ...
分类：
其他好文 时间：
2019-10-02 16:56:50
阅读次数：
75
方法一 ：使用弹性布局 方法二 ：CSS3 transform 属性 父级元素定位 子集元素加属性： position: absolute; top: 50%; transform: translateY(-50%); 方法三： 使用伪元素和vertical-align: middle; .pare ...
分类：
Web程序 时间：
2019-09-26 00:48:43
阅读次数：
167
在HTML中，除了能在JS中制作动画外，还能在CSS中设置动画，需要用到CSS3的animation属性 如何使用animation属性呢？ 首先，需要定义一个动画的样式 @keyframes 样式名{ } 里面可以写从0到100的百分数 0%{此时的样式： left：300； top：300； } ...
分类：
Web程序 时间：
2019-09-25 12:08:47
阅读次数：
98
一、jq的介绍 二、jq选择器和原生选择器的区别 三、jq选择器 jQuery最有用的部分：jQuery选择器引擎！jQuery的选择器依赖css1~css3的选择器。 1.简单选择器：使用频率：***** 1)选择器写法：$( ) >>>>> $('div') 字符串 根据css样式来进行选取。c ...
分类：
其他好文 时间：
2019-09-21 19:33:37
阅读次数：
135
上一篇写了HTML5的新特性，不能落下CSS3独坐空房啊 HTML5新特性的链接：https://www.cnblogs.com/pingzi-wq/p/11490383.html background-size —— 规定背景图片的尺寸，在css3前背景图片的尺寸有图片实际尺寸决定。 backgr ...
分类：
Web程序 时间：
2019-09-12 00:11:56
阅读次数：
120
animation是CSS3的动画属性，可以设置以下六种属性。 transition是CSS3的过度属性，可以设置以下四种属性。 从属性上分析，animation可以设定循环次数。 其次，两者的触发条件不同，transition通常和hover等事件配合使用，由事件触发。animation则和gif ...
分类：
Web程序 时间：
2019-09-09 19:13:07
阅读次数：
119
CSS3 的多列属性: column-count column-gap column-rule-style column-rule-width column-rule-color column-rule column-span column-width column-count column-gap ...
分类：
Web程序 时间：
2019-09-07 20:53:28
阅读次数：
148
通过单个外联样式，CSS3的@media 媒体类型设置不同的屏幕宽度范围 选用不同的CSS样式 HTML代码 CSS代码 当宽度大于960px的效果图 当宽度小于960px但大于600px时的效果图 当宽度小于600px的效果图 不明白的地方可以留言 ...
分类：
Web程序 时间：
2019-09-06 09:24:25
阅读次数：
118
都知道 "bootstrap" 响应式布局很酷，但是是怎么实现的呢？其官网首页有提到这一切的功劳都是来自于CSS 媒体查询（Media Query）。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应 ...
分类：
Web程序 时间：
2019-09-01 12:27:30
阅读次数：
122
