基础准备对于这个实现，我们需要一个简单的 div ，并且样式类名为 ball ： HTML 代码: 我们将使用 Flexbox 布局，把球放到页面中间，尺寸为 100px 100px，背景色为橘黄色。 CSS 代码: 创建 Keyframe(关键帧)Keyframe(关键帧) 用于 CSS 动画，以 ...
分类：
Web程序 时间：
2018-11-11 23:30:55
阅读次数：
218
本人最近在学习pyspider时，遇到Web预览界面太小而无法很好的进行开发，于是在网上搜索解决方法。 准备： css代码： 框架请求的css静态文件目录： 参考：/home/lihuasheng/.local/lib/python3.6/site-packages/pyspider/webui/s ...
分类：
Web程序 时间：
2018-11-10 00:16:56
阅读次数：
470
Vue页面显示骨架屏 1．什么是骨架屏幕？ 在页面加载数据之前，有一段空白时间，要么用loading加载，要么就用骨架屏。 2．如何快速用Vue实现骨架屏效果？ #①直接把下面的CSS代码复制，粘贴到vue项目的index.html 的 <head>...</head>里面 #②把下面的html代码 ...
分类：
其他好文 时间：
2018-11-09 19:17:21
阅读次数：
544
本文来自： "百度FEX" 1 前言 CSS作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。 虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。 2 ...
分类：
Web程序 时间：
2018-11-06 11:23:32
阅读次数：
194
行内元素没内容时width为0，有内容时会被撑开，随着内容的增加而变宽 为行内元素设置width是无效的，但块级元素可以，所以文字不会超出span（即便出现横向滚动条），但会超出div 让div内的文字自动换行的三条CSS代码 ...
分类：
其他好文 时间：
2018-11-04 00:32:25
阅读次数：
141
Sass 中还提供了选择器嵌套功能，但这也并不意味着你在 Sass 中的嵌套是无节制的，因为你嵌套的层级越深，编译出来的 CSS 代码的选择器层级将越深，这往往是大家不愿意看到的一点。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法，Sass 的嵌套分为三种： 选择器嵌套 ...
分类：
其他好文 时间：
2018-11-02 14:28:36
阅读次数：
147
本文整理自：Less：优雅的写css代码 原文写的很好，也很清晰，本文为个人整理方便个人对知识进行汇总整理！（个人建议原地址博文） css是不能够定义变量的，也不能嵌套。它没有编程语言的特性。在项目开发中，常常发现有很多css代码是相同的，但我们通常都是复制然后粘贴。 举个例子：假设h5应用里主题色 ...
分类：
Web程序 时间：
2018-10-27 16:14:04
阅读次数：
205
怎么设置为网格布局呢?很简单,只需在html里面需要先设置一个父元素(网格容器)来包括所有的子元素,设置为Grid布局只需要在其父元素中声明display:grid/inlinegird即可,此时网格容器的所有直接子节点都自动成为网格项.例如: HTML代码: CSS代码: (ps:值得一提的是如果 ...
分类：
其他好文 时间：
2018-10-25 17:05:40
阅读次数：
197
使用css3实现图片轮播 前言：实现图片轮播的方式有很多种 ，例如js ，css 等等。 本文主要讲述使用纯css3实现轮播图 工具介绍： 使用的编辑器： Hbuilder 进入正题 html代码： 解释： 定义两个div，第一个div用来确定展示的大小，第二个div用来实现图片的轮播。 css代码 ...
分类：
Web程序 时间：
2018-10-23 14:58:21
阅读次数：
249
