本篇文章是上一篇讲box-shadow基础知识的延伸，建议先花几分钟阅读那篇文章，点击阅读，再来看这篇。 除了box-shadow属性知识外，制作动画，还需要对CSS3的animation, @keyframes制作动画有所了解。 接下来，还是那张图。。 基本思路如下： 1.写好一个div，<div ...
分类：
Web程序 时间：
2018-12-20 00:57:48
阅读次数：
217
今天在w3school看了下HTML5和CSS3的新特性。 本来觉得自己对CSS方面基础还挺有把握的，就之前自学都是跳过这个模块的，但经过昨天会友的面试，感觉自己好像太忽视基础了，很多基本的东西很模糊，会用，但是一问就有点懵，半瓶子水晃荡的感觉，今天就和打了鸡血一样看了一天。 巩固了下CSS，类选择 ...
分类：
Web程序 时间：
2018-12-19 22:04:56
阅读次数：
168
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、 ...
分类：
其他好文 时间：
2018-12-17 02:16:45
阅读次数：
240
css 4种常见实现元素居中的办法： 1、通过 margin 属性调整 :{ position: absolute; top: 50%; left: 50%; margin-left: -盒子的一半； margin-top: -盒子的一半;} 2、通过 transform 属性调整:{ positi ...
分类：
Web程序 时间：
2018-12-16 23:19:01
阅读次数：
174
注：阴影有多种书写方法，属性可分开书写，也可写成符合样式 简介：CSS3是 CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。 兼容问题：因为是CSS3 ...
分类：
Web程序 时间：
2018-12-14 22:43:57
阅读次数：
247
本文由云+社区发表 Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。 1.浏览器支持情况 ...
分类：
Web程序 时间：
2018-12-13 12:14:49
阅读次数：
165
transform中通常用skew来对盒子进行倾斜。如下代码： #div{transform: skewY(10deg);} //对Y方向进行倾斜10度，意思是保留Y方向，将盒子沿着X方向进行倾斜。 在进行倾斜10度后的效果是： 同理，transform:skewX(10deg);对X方向不变，沿着 ...
分类：
Web程序 时间：
2018-12-09 20:06:42
阅读次数：
204
在web开发的时候，有时候会遇见一些自适应布局，而且是一屏内自适应，特别是写一些后台管理系统界面，都是一屏显示，而且显示内容布局有固定的，也有不固定的，如果用css3的弹性盒子来解决的话，当然会很容易，但是呢，css3的弹性盒子在PC端的支持并不是那么的好，尤其是万恶的IE浏览器（做web开发的都懂 ...
分类：
其他好文 时间：
2018-12-07 22:00:06
阅读次数：
335
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将 ...
分类：
移动开发 时间：
2018-12-05 16:27:27
阅读次数：
269
html5的新特性 添加了用于媒介回放的 元素 添加了语义标签譬如 、`footer nav` 等等元素 添加了用于绘画的 canvas 元素和svg绘图 扩充了input的输入类型，如下 输入类型|描述 | | | color|主要用于选取颜色 date|从一个日期选择器选择一个日期 dateti ...
分类：
Web程序 时间：
2018-12-05 02:11:06
阅读次数：
1859
