CSS3 动画 当在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器： 规定动画的名称 规定动画的时长 <style> div.div1:hover { animation: myfirst 2s; //设置动画名称和 ...
分类：
Web程序 时间：
2020-04-11 22:22:17
阅读次数：
159
CSS3 @font-face 规则 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。 <style> @fon ...
分类：
Web程序 时间：
2020-04-11 18:11:37
阅读次数：
90
感谢平台分享-http://bjbsair.com/2020-04-10/tech-info/53349.html1.说明：1.1推荐指数：★★★★1.2熟悉html的css3相关知识，展现python的强大和matplotlib高级作图法，熟悉相关编程知识和思维。1.3本解析通俗易懂，适合任何人士，代码本人亲测过，建议python3.8、微软vscode编辑器和谷歌浏览器使用。1.4有点长，适合
分类：
编程语言 时间：
2020-04-10 22:35:55
阅读次数：
128
CSS3 圆角 在 CSS2 中添加圆角棘手。我们不得不在每个角落使用不同的图像。 在 CSS3 中，很容易创建圆角。 在 CSS3 中 border-radius 属性被用于创建圆角： 这是圆角边框！ border-radius 属性允许您为元素添加圆角边框！ 代码： <div style="bo ...
分类：
Web程序 时间：
2020-04-09 20:21:28
阅读次数：
98
一、制作关键帧： 1）@keyframes 动画名称{ from{开始} to{结束} } 2）@keyframes 动画名称{ 0%{} 中间可以添加任意关键帧 100%{} } 二、调用关键帧 animation: ①animation-name(动画名称） ②animation-duratio ...
分类：
Web程序 时间：
2020-04-08 20:45:26
阅读次数：
90
写在前面最近看到《图解CSS3》的布局部分，结合自己以前阅读过的一些布局方面的知识，这里进行一次基于CSS2、3的各种布局的方法总结。 常见的页面布局 在拿到设计稿时，作为一个前端人员，我们首先会做的应该是为设计图大致地划分区域，然后选择一种最合理的，结构清晰的布局。下面我先根据一些典型的网站案例列 ...
分类：
Web程序 时间：
2020-04-08 11:38:23
阅读次数：
61
CSS 组合选择符 CSS 组合选择符 在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。 后代选择器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例 ...
分类：
Web程序 时间：
2020-04-08 09:43:08
阅读次数：
92
前言 总括： CSS居中一直是一个比较敏感的话题，为了以后开发的方便，楼主觉得确实需要总结一下了，总的来说，居中问题分为垂直居中和水平居中，实际上水平居中是很简单的，但垂直居中的方式和方法就千奇百怪了。 原文地址：CSS居中小谈 知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书） 博主博 ...
分类：
Web程序 时间：
2020-04-06 21:02:16
阅读次数：
97
awesome-pure-css-no-javascript 纯 CSS + HTML，不使用 JavaScript，能实现怎样的视觉效果? 这里收集整理了一些相关资源与工具，欢迎各位补充。 GitHub地址，欢迎star~ Resources 基于单个 Div 的 CSS 绘图 A Pure CS ...
分类：
Web程序 时间：
2020-04-06 20:36:32
阅读次数：
94
最近几年，大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。 我的博客，应用了CSS3的media技术，使其在手机等移动设备上面也可以查看。当然，只凭css3的media技术 ...
分类：
移动开发 时间：
2020-04-06 20:29:49
阅读次数：
96
