原文:CSS3(3)---2D变形(transform) CSS3(3)---2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一，它常用的属性有:移动(translate)、缩放(scale)、旋转(rotate)、倾斜 (skew)。 一、2D变形语法 1、移动 (trans... ...
分类：
Web程序 时间：
2020-01-12 09:30:33
阅读次数：
114
原文:CSS3(1)---圆角边框、边框阴影 圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版，它的优点在于不仅有利于开发与维护，还能提高网站的性能。 一、圆角边框 圆角在实际开放过程中，还是蛮常见的。以前基本是通过背景图片做的，有了CSS3后可以使用简单的属性搞定，可以通过border-... ...
分类：
Web程序 时间：
2020-01-12 00:08:38
阅读次数：
114
原文:CSS3(2)--- 过渡(transition) CSS3(2)--- 过渡(transition) 一、概念 1、什么是过渡 通俗理解 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。... ...
分类：
Web程序 时间：
2020-01-11 23:48:14
阅读次数：
100
伪元素选择器属性介绍 ?伪元素主要作用就是操作元素的文本和添加内容 ?伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中的第一行字 X::before 在X元素最前面添加内容。 X::after 在X元素最后面添加内容。 fi ...
分类：
Web程序 时间：
2020-01-11 18:20:56
阅读次数：
94
最近的一个项目中要使文字垂直排列，也就是运用了CSS的writing-mode属性。 writing-mode最初时ie中支持的一个属性，后来在CSS3中增添了这一新的属性，所以在ie中和其他浏览器中的语法会有区别。 一、CSS3标准 二、实现按钮点击文字下沉效果 我们可以设置文字的writing- ...
分类：
Web程序 时间：
2020-01-10 18:40:22
阅读次数：
123
一、媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度与高度设备的宽度与高度朝向 (智能手机横屏，竖屏) 。分辨率目前很多针对苹果手机，Android 手机，平板等设备都会使用到多媒... ...
分类：
Web程序 时间：
2020-01-10 12:40:36
阅读次数：
113
1． 基本选择器 --标签选择器：标签名{ …} --类选择器：.类名{…} --ID选择器：#id名{…} --通配选择器（通配符）：*{…} 2． 组合选择器 --包含选择器：通过空格来表示，前面一个选择器表示父节点，而后面的选择器表示子节点。 --子选择器：以“>”表示，子选择器是指定父元素包 ...
分类：
Web程序 时间：
2020-01-09 20:45:31
阅读次数：
101
目录 一、HTML/CSS篇 1.1 "HTML(5)标签" 1.2 "CSS选择器、单位、文本" 1.3 "盒模型、元素分类" 1.4 "浮动与定位" 1.5 "CSS3新特性" 1.6 "应用" ...
分类：
其他好文 时间：
2020-01-08 22:40:27
阅读次数：
63
在css3中可以实现很多一些动态效果，css3逐步取代了Flash，可以通过他带来的新特性帮助我们轻易解决一些问题，例如图片的圆角可以直接使用border-radius就可以解决，无需再使用ps解决，并且css3可以减少开发和维护成本，并且还能提高页面性能，因为一些动态效果我们不需要再去使用JS就可 ...
分类：
Web程序 时间：
2020-01-08 21:22:40
阅读次数：
114
github项目地址：https://github.com/Ethan997/Video-background-page 想要实现这种效果很容易，只需要懂得H5的video， 按照我的步骤一步一步来就可以了~ 首先要制作我们的页面，用到的是html5的新标签video html : css样式也没有 ...
分类：
Web程序 时间：
2020-01-08 14:36:02
阅读次数：
523
