对于一个网站页面来说,HTML和CSS样式都是基础,HTML用于表现页面的内容,而CSS样式负责页面外观的表现。CSS 3是全新的CSS技术,能够为用户带来更加高效、美观的网页表现效果。
目前为止CSS 3还没有正式发布成熟的规范,其中的模块也在不断地更新,特别是浏览器对CSS 3属性的支持也在不断的变化,所以我们也希望能够通过本套教程来帮助读者更好的掌握CSS 3的新特性,并且能够实现跨浏览器、跨设备高效地CSS开发。
CSS 3为我们带来了全新的网页视觉表现效果,本套教程全面介绍了CSS 3的核心知识点以及传统CSS属性,通过案例与知识点相结合的方式,使读者能够更容易的理解和轻松应用,重要的是每个CSS 3属性都详细介绍了其浏览器兼容性以及适配不同浏览器的具体方法,从而使读者能够将新技术运用到实际的开发当中。
[第38课] 实现线性渐变的页面背景颜色
使用CSS 3来实现渐变效果,其实和使用图像处理软件中的渐变工具没有什么区别。首先指定一个渐变的方向、起始颜色和结束颜色,具有这3个参数就可以制作出一个最简单、最普通的渐变效果。
702
人气 /0
评论13分02秒[第41课] 实现多彩绚丽边框效果
border-color属性早在CSS 1中就已经定义了,不过在CSS 3中增强了该属性的功能,通过该属性可以为元素边框设置多种不同的颜色,从而使用设计师能够表现出更为绚丽的边框效果。
690
人气 /0
评论5分42秒[第45课] 设置网页元素的盒模型
CSS中,所有的页面元素都包含在一个矩形框内,这个矩形框就称为盒模型。盒模型描述了元素及其属性在页面布局中所占的空间大小,因此盒模型可以影响其他元素的位置及大小。
718
人气 /0
评论7分01秒[第47课] 实现网页元素的叠加显示
设置position属性为relative,表示相对定位,对象不可以重叠,可以通过top、right、bottom和left等属性在页面中偏移位置,可以通过z-index属性进行层次分级。
695
人气 /0
评论7分25秒[第48课] 使网页元素固定在页面右侧显示
设置position属性值为absolute,表示绝对定位,相对于其父级元素进行定位,元素的位置可以通过top、right、bottom和left等属性进行设置。