HTML和CSS高级指南整理(02) 一 详解定位
2017-02-14 11:09
537 查看
本章主要内容
CSS包含浮动
定位属性
z-index属性
内容概览
当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人的更牛。例如,浮动可以让页面元素并排显示,而且还可以制作一个干净的布局。然而,有时候需要一些严格的定位,这时需要使用其他的技术,包括“relative”和“absolute”定位。
在这节课中,我们先来介绍一下浮动的使用,接下来详细介绍定位的技巧,包括如何准确的给元素在X轴、Y轴和Z轴定位。
原英文地址:http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning/
中文翻译: http://www.w3cplus.com/css/advanced-html-css-lesson2-detailed-css-positioning.html © w3cplus.com
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
相关文章推荐
- HTML和CSS高级指南之二——定位详解
- HTML和CSS高级指南——定位详解
- HTML和CSS高级指南整理(06) 一 javaScript与jQuery
- HTML和CSS高级指南整理(01) 一 性能与架构
- HTML和CSS高级指南整理翻译(08) 一 过渡与动画
- HTML和CSS高级指南整理(03)一 多样的选择器
- HTML和CSS高级指南整理(05) 一 预处理器
- HTML和CSS高级指南整理(04) 一 响应式网站设计
- HTML和CSS高级指南之五——预处理器
- HTML和CSS高级指南之三——丰富多彩的选择器
- HTML和CSS高级指南之一——性能与架构
- HTML和CSS高级指南之四——响应式设计
- html/css教程:背景图片的定位问题详解
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第31讲_this关键字详解_学习笔记_源代码图解_PPT文档整理
- HTML和CSS高级指南之三——丰富多彩的选择器
- HTML和CSS高级指南之一——性能与架构
- h5整理--详解css的相对定位和绝对定位
- HTML和CSS高级指南翻译(07) 一 Transforms
- html/css教程:背景图片的定位问题详解
- HTML和CSS高级指南之六——jQuery