CSS3已经支持背景rgba的rgba透明度,这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student)。但是这一属性在低于IE9的版本中却不被支持,我们可以通过IE私有滤镜来实现背景透明效果。rgba参数格式... ...
分类:
其他好文 时间:
2020-02-06 13:06:23
阅读次数:
91
css3新增了text-overflow属性,该属性可以设置超长文本省略显示, 语法: rext-overflow:clip|ellipsis|ellipsis-word clip属性值表示不显示省略标记(…),而是简单的裁剪 ellipsis属性值表示当前对象内文本溢出时显示省略标记(…),省略标 ...
分类:
其他好文 时间:
2020-02-06 12:27:03
阅读次数:
57
一、概述 CSS(Casading Style Sheet),层叠样式表 CSS3包含大量功能,将CSS3分为多个模块。在模块定义还不太稳定的阶段,浏览器会采用厂商前缀实现某个特征。 -webkit- Apple Webkit团队,兼容Android, Safari, Chrome, BlackBe ...
分类:
Web程序 时间:
2020-02-06 11:06:53
阅读次数:
135
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多。 font-smoothing是非标准的CSS定义。它被列入标准规范的草案中,后由于某些原因从web标准中被移除了。 但是,我们可以用以下两种定义进行抗锯齿渲染 -webkit-font-smo ...
分类:
Web程序 时间:
2020-02-06 01:47:13
阅读次数:
122
一、CSS3 渐变(gradients)渐变效果CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向径向渐变(Radial Grad... ...
分类:
Web程序 时间:
2020-02-05 16:22:47
阅读次数:
290
传统的项目开发中,我们只会用到 px、%、em这几个单位,可以适用于大部分的项目开发,并且拥有比较好的兼容性。 从CSS3开始,浏览器对于逻辑单位的支持已经提升到了另一个境界,新增了 rem、vh、vw、vm等新的长度单位,利用这些新的单位可以开发出比较好的响应式页面,随之覆盖多种不同分辨路的终端。 ...
分类:
Web程序 时间:
2020-02-04 20:48:54
阅读次数:
87
效果图矩形的圆角, 就不要用 百分比了,因为百分比会是表示高度和宽度的一半。我们这里矩形就只用 用 高度的一半就好了。精确单位...... ...
分类:
Web程序 时间:
2020-02-04 09:12:52
阅读次数:
288
布局结果图: 电脑全屏: 手机浏览: 竖屏: 横屏: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>响应式布局</title> <meta name="viewport" content="width=device-w ...
分类:
Web程序 时间:
2020-02-03 18:43:23
阅读次数:
96
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性:IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类:
Web程序 时间:
2020-02-03 17:23:44
阅读次数:
105
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性:IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类:
Web程序 时间:
2020-02-02 23:59:53
阅读次数:
228