比较粗糙，能到到效果，点击小火箭回到顶部，期间有小火箭的特效， 用到了css3的动画，JS的滚动事件 ...
分类：
Web程序 时间：
2019-08-29 20:13:57
阅读次数：
123
选择器的权重问题，这个问题很简单，但很容易让人忽略，所以我在这里提一下 选择器的权重： ！important>内联样式>id选择器>类选择器（class选择器）>类型选择器 >通配符选择器 !important 表示最重要的，在属性值后面添加之后，表示这句代码权重最高层叠样式表：因为同一个元素可以有 ...
分类：
Web程序 时间：
2019-08-29 19:56:48
阅读次数：
101
一、CSS3转换 通过转换实现对对元素进行旋转、缩放、移动、拉伸的效果；这种原来必须要通过JS或者图片处理才可以实现的效果，现在都可以通过CSS3来完成。 2D转换采用transform属性来实现效果。 transform的取值： translate()移动 rotate()旋转 scale()缩放 ...
分类：
其他好文 时间：
2019-08-23 22:32:12
阅读次数：
93
效果如下： :before，:after CSS伪类是用来添加一些选择器的特殊效果。 使用了css3的伪类，即相当于是在一个div中写入文字，然后在它前后各加了一个div，然后进行位置及宽高的调节。 代码： 添加伪类是对选择器进行添加的，不需在html元素中添加，要想实现上面效果，也可以在html代 ...
分类：
Web程序 时间：
2019-08-19 15:57:52
阅读次数：
161
[已知宽高] 2.已经知宽高[父元素相对定位,子元素绝对定位 top为0,bottom为0,left为0,right为0,margin为auto] [未知宽高] 1.未知宽高[CSS3的transform,绝对定位,top为50%,left为50%] transform只兼容到IE9 2.未知宽高[ ...
分类：
Web程序 时间：
2019-08-16 19:06:48
阅读次数：
92
一、CSS3转换 通过转换实现对对元素进行旋转、缩放、移动、拉伸的效果；这种原来必须要通过JS或者图片处理才可以实现的效果，现在都可以通过CSS3来完成。 2D转换采用transform属性来实现效果。 二、transform属性的取值 rotate()函数 是可以进行旋转的函数 scale()函数 ...
分类：
Web程序 时间：
2019-08-16 01:05:55
阅读次数：
137
这个代码有个坑，就是如果a标签里面放了一个图片，然后给a标签设置这个样式，这个时候是不起效果的，只能在a标签外面包一个div，然后给div设置这个样式 pointer-events:none; 这个是 css3 的代码，这句代码可以把 onlick 事件去掉，相当于变为普通文本 ...
分类：
Web程序 时间：
2019-08-15 21:07:57
阅读次数：
212
竖排，别再调盒子宽度来让文字换行实现竖排！！ 也别再用<br> + line-height，看着难受！！ 额外用例！ 1.一些图标也不必更换样式后引入，当然css3的rotate也是可以的，对于图标 /* css */ 样式显示为： 2.表格form中可以一起使用，目前还没有用到过 最后：这些原IE ...
分类：
其他好文 时间：
2019-08-15 19:17:39
阅读次数：
184
1、让一个不定宽高的盒子，垂直水平居中? 使用Flex + 在父盒子设置： 使用CSS3的transform + 绝对定位 ...
分类：
Web程序 时间：
2019-08-10 11:29:51
阅读次数：
82
2D转换方法：在平面对元素进行旋转，缩放，移动，拉伸。 ㈠浏览器支持 ⑴2D转换效果有以下的浏览器支持： ⑵在编辑代码的时候要注明用哪种浏览器打开，在前面加上前缀，下面是编辑器的简写形式，以及前缀名： ㈡ transform 属性 ⑴rotate() 进行旋转的函数 ⑵scale() 进行缩放的函数 ...
分类：
Web程序 时间：
2019-08-08 23:40:37
阅读次数：
144
