-
CSS3(10) 补充样式和属性
本文主要对CSS3中的一些内容比较少,但也非常重要的样式和属性进行简要介绍。
-
CSS3(9) Media Queries相关样式
在css3的众多模块中,有一个与各种媒体相关的重要模块——
Media Queries
,该模块中允许添加媒体查询表达式,用以指定媒体类型,然后根据媒体类型来选择应该使用的样式。换句话说,允许我们在不改变内容的情况下在样式中选择一种页面的布局以精确地适应不同的设备,从而改善用户体验。
-
CSS3(8) 布局相关样式
Web页面中的布局,是指在页面中如何对标题、导航栏、主要内容、脚注、表单等各种构成要素进行一个合理的编排。在css3之前,主要使用
float
属性或position
属性进行页面中的简单布局,但是存在很多缺点,譬如两栏或多栏中如果元素的内容高度不一致则由底部很难对齐的问题。
-
CSS3(7) 动画
css3中,如果使用动画功能,可以使页面上的文字或画像具有动画效果,可以使背景色从一种颜色平滑过渡到另一种颜色。
-
CSS3(6) 变形处理
在css3中,可以利用
transform
功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。
-
CSS3(5) 背景边框相关样式
本文主要介绍CSS3中的背景和边框相关的一些样式,其中包括与背景相关的几个属性,如何在一个元素的背景中使用多个图像文件;如何绘制圆角边框;如何给元素添加图像边框。
-
CSS3(4) 盒相关样式
在css中,使用
display
属性来定义盒的类型。总体上来说,css的盒分为block
类型与inline
类型。
-
CSS3(3) 文字与字体相关样式
本章针对css3中与文字、字体相关的一些属性做详细介绍,其中包括
text-shadow
属性、word-break
属性、word-wrap
属性、Web Font
和@font-face
属性,以及font-size-adjust
属性。
-
CSS3(2) 巧用Content
content
是before
与after
伪元素中的属性值,用于在伪元素中展示相关内容,我们可以利用这个属性实现一些小功能。
-
CSS3(1) 选择器
选择器是CSS3中的一个重要内容,使用它可以大幅度提高开发人员书写或修改样式表时的工作效率。