文字阴影 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
CSS网页布局基础1.行布局-基础的行布局-行布局自适应-行布局自适应限制最大宽-行布局垂直水平居中-行布局某部位自适应-行布局固定宽-行布局导航随屏幕滚动2.多列布局-两列布局固定-两列布局自适应-三列布局固定-三列布局自适应3.混合布局-混合布局固定-混合布局自适应4.圣杯布局-三列布局,中间宽 ...
分类:
Web程序 时间:
2020-08-07 09:45:34
阅读次数:
87
原理: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
CSS3动画 CSS3优点 浏览器可以对CSS3动画进行优化 浏览器使用与requestAnimationFrame 类似的机制,requestAnimationFrame 比起js中使用setTimeout、setInterval 优势在于requestAnimationFrame 会把每一帧中的 ...
分类:
Web程序 时间:
2020-07-26 01:23:42
阅读次数:
81