知识点一：渐变 线性渐变 background: linear-gradient(red,blue); background: linear-gradient(red 10%,blue 90%); background: linear-gradient(to right, red 10%,blue ...
分类：
Web程序 时间：
2020-08-26 18:31:25
阅读次数：
62
一、处理浏览器兼容问题 html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题 加判断，如果是IE9以下的浏览器，就执行这个代码 <!-- 条件注释 --> <!--[if lt IE9]> <script src="http:// ...
分类：
Web程序 时间：
2020-08-20 18:18:04
阅读次数：
100
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性：IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类：
Web程序 时间：
2020-08-09 16:47:46
阅读次数：
84
原理：CSS3规定，1rem的大小就是html元素的font-size的值。 举个栗子： 假设我们把html的font-size设为10px，那么此时1rem就为10px。如果我们要设置100px*50px的div，我们只需将它的宽设为10rem，高设置为5rem。 <!DOCTYPE html> ...
分类：
其他好文 时间：
2020-07-30 01:51:04
阅读次数：
99
今天antd表格设置样式 ，被教育了一番，上来第一感觉这样式咋搞啊，一脸懵逼，还是css 掌握不牢固，今天记下css3复杂选择器。 1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b； 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b； 3.属性选择器 ...
分类：
Web程序 时间：
2020-07-29 12:46:09
阅读次数：
187
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
今天在重构网页特效的时候，想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类：
Web程序 时间：
2020-07-28 14:44:30
阅读次数：
164
关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
分类：
移动开发 时间：
2020-07-28 10:24:14
阅读次数：
122
本教程案例在线演示 有路网PC端 有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:"隶书"; font-size 设置字体大小 font-size:12px; font- ...
分类：
移动开发 时间：
2020-07-28 10:01:15
阅读次数：
120
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ perspective: 1000; perspective-origin: 0,0; /*translateZ() 于此连用*/ } ...
分类：
Web程序 时间：
2020-07-27 17:46:48
阅读次数：
96
