
对于一个网站页面来说,HTML和CSS样式都是基础,HTML用于表现页面的内容,而CSS样式负责页面外观的表现。CSS 3是全新的CSS技术,能够为用户带来更加高效、美观的网页表现效果。
目前为止CSS 3还没有正式发布成熟的规范,其中的模块也在不断地更新,特别是浏览器对CSS 3属性的支持也在不断的变化,所以我们也希望能够通过本套教程来帮助读者更好的掌握CSS 3的新特性,并且能够实现跨浏览器、跨设备高效地CSS开发。
CSS 3为我们带来了全新的网页视觉表现效果,本套教程全面介绍了CSS 3的核心知识点以及传统CSS属性,通过案例与知识点相结合的方式,使读者能够更容易的理解和轻松应用,重要的是每个CSS 3属性都详细介绍了其浏览器兼容性以及适配不同浏览器的具体方法,从而使读者能够将新技术运用到实际的开发当中。
[第49课] 实现固定在顶部的导航菜单
设置position属性为fixed,表示悬浮,使元素固定在屏幕的某个位置,其包含块是可视区域本身,因此元素不随滚动条的滚动而滚动。
218
人气 /0
评论2分47秒[第51课] 设置元素内容溢出的处理方式
overflow-x属性主要用来设置在水平方向对溢出内容的处理方式;overflow-y属性主要用来设置在垂直方向对溢出内容的处理方式。
258
人气 /0
评论4分43秒[第54课] 实现元素的水平和垂直居中显示
CSS3引入的布局模式Flexbox布局,主要思想是让容器有能力让其子容器能够改变其宽度、高度(甚至显示顺序),以最佳方式填充可用空间(主要是为了适应所有类型的显示设备和屏幕大小)。
233
人气 /0
评论10分43秒[第55课] 使用伸缩盒模型制作多列布局页面
Flexbox布局对于设计比较复杂的页面非常有用,可以轻松地实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变,同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。
225
人气 /0
评论14分00秒[第57课] 使用column-width属性创建分列布局
column-width属性用于设置多列布局的列宽,与CSS样式中的width属性相似,不同的是column-width属性设置多列布局的列宽度时,既可以单独使用,也可以和多列布局的其他属性配合使用。