盒子模型（Box Model）CSS有三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。所有的文档元素（... ...
分类：
Web程序 时间：
2019-01-01 21:10:11
阅读次数：
206
一 css 概述 1.1 历史 CSS3 是 层叠样式表(Cascading Style Sheets) 语言的最新进展，目的在于扩展 CSS2.1。 它为我们带来了许多期待已久的新特性， 例如圆角，阴影，gradients(渐变)， transitions (过渡) 或 animations(动画 ...
分类：
Web程序 时间：
2019-01-01 17:53:08
阅读次数：
323
Focusky（也称为“FS软件”）的变体特效可以使图形呈动态变化，清晰地演示图形的变化过程，如变成圆形、圆角星、心形等等。具体操作步骤如下： 1.点击右侧工具栏的“图形”按钮，选择“变体”并选择其中一个变体图形。 2.点击“动画”按钮，打开动画编辑器；选中变体图形，然后点击“添加动画”。 3.点击 ...
分类：
其他好文 时间：
2018-12-26 11:39:28
阅读次数：
368
现在什么都讲究追赶潮流，觉得 QQ 登录窗口做的效果不错，既然刚学习 electron ，那么就用 electron 模仿一下。其实主要用到的就是 CSS3 的效果：边框圆角、阴影，3D变换。对，就这么简单。先上效果： 下面是关键代码： app.js ? 1 2 3 4 5 6 7 8 9 10 1 ...
离屏渲染： 在使用圆角、阴影和遮罩等视图功能的时候，图层属性的混合体被指定为在未预合成之前不能直接在屏幕中绘制，所有就需要在屏幕外的上下文中渲染，即离屏渲染。 离屏渲染卡顿原因 离屏渲染之所以会特别消耗性能，是因为要创建一个屏幕外的缓冲区，然后从当屏缓冲区切换到屏幕外的缓冲区，然后再完成渲染；其中， ...
分类：
其他好文 时间：
2018-12-21 22:41:31
阅读次数：
180
CSS半圆的实现 1、半圆 假如我们要制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和右上角的圆角半径定义为元素的高度一致，而右下角和左下角的圆角半径定义为0。 2、圆 实现方式：宽度、高度设置为一样，然后四角圆角半径设置为宽度、高度的一半。 ...
分类：
Web程序 时间：
2018-12-18 19:53:03
阅读次数：
162
常用标签的使用: 直接举例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用标签的使用</title> <style type="text/css"> .img{ /*根据需求,是指定高还是指定宽,设置一个,另一个会等比缩 ...
分类：
其他好文 时间：
2018-12-16 11:09:28
阅读次数：
108
因网络图片加载用的是SDWebImage所以下面以sd加载图片为例 到此为止就已经结束了 demo下载地址 by：初光夫 ...
分类：
移动开发 时间：
2018-12-12 15:46:02
阅读次数：
238
一选择器复习 二常用标签的使用(锚点) 三radius边界圆角 4背景样式(repeat平铺,background图片设置) 5精灵图 六盒模型布局细节(margin坑: 父子联动) 六.1盒模型案例(nth-child) ...
分类：
其他好文 时间：
2018-12-11 21:50:14
阅读次数：
219
UI布局多半是套路，熟悉套路的规则。 Flutter的UI布局也有一套规则 center center可以让任何元素在屏幕中居中，既是水平居中又是垂直居中，如果想让元素从上而下排列要怎么办呢？那就得使用column来配合 container container是个容器，可以包在一个元素的外面，con ...
分类：
其他好文 时间：
2018-12-01 18:24:22
阅读次数：
190
