女王控的博客

全部

222 篇文章

CSS新世界更强的视觉表现

本章介绍 CSS 渐变、CSS 3D 变换、CSS 过渡和 CSS 动画这 4 部分内容,如果没有专门说明,相关 CSS 属性均是被 IE10+ 浏览器支持的。本章介绍的这些 CSS 属性都非常实用,且细节众多,读者需要反复阅读才能理解。 CSS 渐变 CSS 渐变是 CSS 世界中第一次真正意义上使用纯 CSS 代码创建的图像。它可以应用在任何需要使用图像的场景,因此非常常用,读者一定要牢记相关语法。如果 CSS 的学习有期末考试的话,那么 CSS… »

CSS新世界更细致的样式表现

随着显示器的不断升级,人们对 Web 产品的视觉效果的要求也越来越高,如半透明、圆角、阴影等效果。于是,这些细致的样式表现就率先加入了 CSS 新世界中。本章将介绍这些 CSS 新属性的细节知识,并且这些 CSS 属性都非常实用,值得读者反复阅读、深入学习。 透明度控制属性 opacity opacity 属性可以让元素表现为半透明,属性计算值范围是 0 ~ 1,初始值是 1.0,没有继承性。大多数开发者对 opacity 属性的认识就只有这些,实际上 opacity… »

CSS新世界从增强已有的CSS属性开始

CSS 新世界中有大量的 CSS 新特性源自对 CSS2.1 中已有的 CSS 属性的增强,本章内容所讲述的就是在已有 CSS 属性上新增的那些 CSS 新特性 贯穿全书的尺寸体系 在 CSS2.1 中,CSS 中的尺寸概念都隐藏在具体的 CSS 用法中。例如, 、 和 等 CSS 声明带来的 收缩; 带来的“最大内容宽度”;连续英文字符的宽度溢出其实是因为“最小内容宽度”。 因为这些尺寸的表现过于隐晦,所以学习时很难理解,学起来就很吃力,这就是我在第 1 章提过的,CSS2.… »

CSS新世界概述及准备

概述 CSS3 出现的历史和背景 CSS2.1 中的 CSS 属性的设计初衷是展示图文。因为在 CSS2.1 时代,互联网刚刚兴起,计算机硬件、网络带宽等基础设施都比较薄弱。例如: 屏幕像素低,所以丰富的色彩和细腻的图形细节无法呈现; 硬件性能差,所以动画和滤镜渲染效果不佳; 网络速度慢,所以高清大图和视频加载不出来。 迫于当时的环境,Web 页面只能显示图文内容,而图文内容的显示并不需要特别复杂的布局。所以,严格来说,CSS2.1 并没有专门的与布局相关的 CSS 属性 而 js… »

CSS世界强大文本处理能力

line-height 的另外一个朋友 font-size 第 5 章介绍过 line-height 和 vertical-align 的好朋友关系,实际上 font-size 也和 line-height 是好朋友,同样也无处不在,并且纸面上 line-height 的数值属性值和百分比值属性值都是相对于 font-size 计算的,其关系可谓不言而喻。 font-size 和 vertical-align 的隐秘故事 line-height 的部分类别属性值是相对于 font-size… »

0%