第10章-定位、层级关系

一.定位
1.static
默认属性。块级元素→矩形框,行级元素→行框
2.fixed
类似于absolute,但包含块是视窗本身
3.relative
原本所占的空间仍保留
4.absolute
生成一个块级框,变成块级元素。float也是

二.层级关系
z-index

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/413681.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ccf_201712-2

题目 问题描述有n个小朋友围成一圈玩游戏,小朋友从1至n编号,2号小朋友坐在1号小朋友的顺时针方向,3号小朋友坐在2号小朋友的顺时针方向,……,1号小朋友坐在n号小朋友的顺时针方向。游戏开始,从1号小朋友开始…

第9章-浮动

1.文档流 文档中可显示对象在排列时所占用的位置、空间 2.浮动的一般情况 3.浮动的特殊情况 4.浮动对文字的影响 5.float和inline-block的比较 6.清除浮动 &#xff08;1&#xff09;最后添加空标签 <div class"clear"><div> clear属性值:left r…

[css] translate3D有什么作用?

[css] translate3D有什么作用&#xff1f; 3d动画&#xff0c;启用GPU硬件加速个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

[css] 如何形成BFC?

[css] 如何形成BFC&#xff1f; 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为absolute或fixed个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很…

第8章-常用优先级和css3

一.优先级 1.选择器优先级 * < 标签 < class < id 2.样式优先级 行内样式 <div style""></div> 内部样式 <style type"text/css"></style> 外部样式 <link type"text/css" rel"stylesheet…

pandas 基础用法

pandas 是一个基于 Numpy 构建, 强大的数据分析工具包 主要功能 独特的数据结构 DataFrame, Series集成时间序列功能提供丰富的数学运算操作灵活处理缺失数据Series 一维数组 Series 是一种类似于一维数组的对象, 由一组数据和一组与之相关的数据标签(索引)组成 创建方式 pd.Se…

[css] 为什么float会导致父元素塌陷

[css] 为什么float会导致父元素塌陷 “当元素设置浮动后&#xff0c;会自动脱离文档流”&#xff0c; 翻译成白话就是说&#xff0c;元素浮动后&#xff0c;就不在整个文档流的管辖范围&#xff0c;那么它之前存在在父元素内的高度就随着浮动不复存在了&#xff0c;而此时父元…

Object Tracking using OpenCV (C++/Python)(使用OpenCV进行目标跟踪)

本博客翻译搬运自https://www.learnopencv.com/object-tracking-using-opencv-cpp-python&#xff0c;用于初入目标跟踪的新手学习&#xff0c;转贴请注明&#xff01; 使用OpenCV进行目标跟踪&#xff08;C/Python&#xff09; 在本教程里&#xff0c;我们将学习OpenCV3.0中引…

第7章-选择器+伪类

一.选择器 1.基础选择器 通配符选择器 标签/元素选择器 类选择器 id选择器 2.高级选择器 E,F (多元素选择器) 同时匹配所有E元素或F元素&#xff0c;E和F之间用逗号分隔 eg&#xff1a; div,p{width:100px;height:50px;} E F(后代选择器) 匹配所有属于E元素后代的F元…

[css] 什么是逐帧动画?

[css] 什么是逐帧动画&#xff1f; &#xff08;1&#xff09;相关联的不同图像&#xff0c;即动画帧&#xff1b;&#xff08;2&#xff09;连续播放。个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论…

第5章-css选择器初级和背景

一、ID选择器与Class选择器的区别 区别 1&#xff1a;ID选择器只能在文档中使用一次,. class类选择器可以多次使用。 区别 2&#xff1a; id的权重大于class类的权重 二.background背景样式 1.background-color:规定要使用的背景颜色十六进制值 #CC0066 #000英文单词…

POJ 4979 海贼王之伟大航路 【状压dp】【北大ACM/ICPC竞赛训练】

该死的题让我想起来艾斯之死... 首先想到dp(i)代表从1到【i表示的这些岛屿】所花的最小时间&#xff0c;然后每次枚举最后一个岛屿以此缩小范围&#xff0c;但发现枚举了最后一个岛屿后没有办法转移&#xff0c;因为不知道倒数第二个岛屿是什么&#xff0c;随着倒数第二个岛屿的…

[css] 举例说明BFC会与float元素相互覆盖吗?为什么?

[css] 举例说明BFC会与float元素相互覆盖吗&#xff1f;为什么&#xff1f; BFC的区域不会与float的元素区域重叠 计算BFC的高度时&#xff0c;浮动子元素也参与计算 BFC就是页面上的一个隔离的独立容器&#xff0c;容器里面的子元素不会影响到外面元素&#xff0c;反之亦然个…

Sublime Text 3 、WebStorm配置实时刷新

本文所用软件版本Sublime Text 3(Build 3143)、WebStorm 2017.2.4(Build #WS-172.4155.35)、Google Chrome v61.0.3163.100&#xff0c;其他版本软件配置过程可能不一样&#xff0c;请知悉&#xff01; 一.Google Chrome安装LiveReload插件 1.下载插件 LiveReload 2.1.0 链…

#0 scrapy爬虫学习中遇到的坑记录

python 基础学习中对于scrapy的使用遇到了一些问题。 首先进行的是对Amazon.cn的检索结果页进行爬取&#xff0c;很顺利&#xff0c;无碍。 下一个目标是对baidu的搜索结果进行爬取 1&#xff0c;反爬虫 1.1 我先对ROBOTSTXT_OBEY进行设置&#xff0c;结果找到了scrapy的默认参…

[css] 使用css如何设置背景虚化?

[css] 使用css如何设置背景虚化&#xff1f; filter: blur(5px);个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

Sublime Text 3 、WebStorm配置护眼主题(浅绿色)

本文所用软件版本Sublime Text 3(Build 3143)、WebStorm 2017.2.4(Build #WS-172.4155.35)&#xff0c;其他版本软件配置过程可能不一样&#xff0c;请知悉&#xff01; 1.Sublime Text 3护眼主题 &#xff08;1&#xff09;下载配置文件 链接&#xff1a;http://pan.baidu.…

angular - 如何运行在起来 - 使用nginx

nginx下载地址&#xff0c;使用的是标准版的&#xff1a; 点击下载nginx nginx下载完后&#xff0c;解压 dist文件夹下面所有angular文件放入html文件夹中. 最后命令行cd到当前nginx.exe目录&#xff0c;启动命令&#xff1a;nginx 再配置一下conf文件夹下面的nginx.conf 再loc…

[css] 举例说明background-repeat的新属性值:round和space的作用是什么?

[css] 第 举例说明background-repeat的新属性值&#xff1a;round和space的作用是什么&#xff1f; space 背景图不会产生缩放&#xff0c;会被裁切 round 缩放背景图至容器大小&#xff08;非等比例缩放&#xff09;个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知…

Java学习资料汇总(JavaSE+JavaEE+数据库+框架+笔试题+面试题)

在写下这篇文章的时候&#xff0c;我还在找工作。理解每一个真正对编程感兴趣的小伙伴的转行不易&#xff0c;于是就把自己这几个月搜索到的学习资料一一分享给大家。 3.数据库 MySQL5.7 Reference Manual https://dev.mysql.com/doc/refman/5.7/en/ SQL中主键与外键的定义和…