欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  后端开发

韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾

程序员文章站 2024-02-09 22:50:10
...
韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档整理
书再多，视频再多，都不如自己动手写一个项目，就会有心得。
对于开源项目，跑起来，看懂，并二次修改。模仿 -------->创新，抓核心。

CSS核心内容——定位
定位—基本概念
CSS定位(Positioning)属性允许你对元素进行定位。Positioning属性值：
static(默认值)：元素框正常生成。块级元素生成一个矩形框，作为文档流/标准流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative：元素框偏离某个距离。元素仍保持其为定位前的形状，它原本所占的空间仍保留，从这一角度看，好像该元素仍然在文档流/标准流一样。
absolute：元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed：元素框的表现类似于将position设置为absolute,不过其包含块是视窗本身。

这几个定位，真正要搞明白，并不是特别容易的事情，借助案例来明白。
常见的定位有四种
1.stacit 定位(默认值)
2.relative相对定位（相对谁）
3.absolute 绝对定位（相对于谁参照呢）
4.fixed固定定位

?

（1）静态定位不讲了，前面讲的都是静态定位。



（2）定位——相对定位:relative

内容2虽然脱离了它原有的文档流，但是它的位置不希望被别人占用。我走了，但是位置还是我的，停薪留职。

改变内容2位置
relative相对谁呢，相对它原先应该在的位置，进行重新定位…………………………………………………………………………

本文固定链接：http://www.verydemo.com/demo_c104_i756.html

韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关文章

相关视频

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论
  • 韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾

    • 专题推荐

    作者信息
    韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾

    认证0级讲师

    发布技术文章
    • 最新文章
    • 热门排行
    推荐视频教程
  • 韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾javascript初级视频教程
  • 韩顺平_php从入门到精通_视频教程_第19讲_网站推荐_定位_学习笔记_源代码图解_PPT文档收拾jquery 基础视频教程
    • 视频教程分类
    相关标签： relative absolute Positioning fixed CSS

    上一篇： 在WordPress的文章编辑器中设置默认内容的方法_php实例

    下一篇： Oracle SQL 调优健康检查脚本

    推荐阅读