htmlcss中定位
文章平均质量分 71
昱晟168
广东湛江
展开
-
元素显示与隐藏
元素显示与隐藏类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现本质:让一个元素在页面中隐藏或者显示出来1.display:显示隐藏2.visibility:显示隐藏3.overflow:溢出显示隐藏display属性display属性用于设置一个元素应如何显示display: none;隐藏display: block;除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素后,不再占有原来的位置。(意思就是display隐藏元素后位置就没有了)后原创 2021-12-26 20:32:01 · 1623 阅读 · 0 评论 -
定位叠放次序及特殊性
定位叠放次序 z-index在使用定位布局时,可能出现盒子重叠的情况,此时,可以使用z-index来控制盒子的前后次序(z轴)语法:选择器 {z-index: 1;}数值可以是正整数,负整数或0,默认是auto,数值越大,盒子越靠上如果属性值相同,则按照书写顺序,后来居上数字后面不能加单位只有定位的盒子才有z-index属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2021-12-26 20:21:46 · 854 阅读 · 0 评论 -
鼠标经过显示遮罩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>仿.原创 2021-12-26 20:11:43 · 91 阅读 · 0 评论 -
CSS定位中绝对定位和固定定位(重点)
绝对定位 absolute (重要)绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的(就是相对父元素或爷爷元素来说)语法:选择器 {position: absolute;}绝对定位的特点:(务必记住)如果没有祖先元素或者祖先元素没有定位,则以浏览器为准定位(Document文档)如果祖先元素有定位(相对,绝对,固定定位),则以最近一级的有定位祖先元素为参考点移动位置绝对定位不再占有原先的位置 (脱标)绝对定位第一种特点:没有祖先元素或者祖先元素没有定位<!DOCTYPE原创 2021-12-25 21:37:13 · 4483 阅读 · 0 评论 -
CSS定位中的静态定位和相对定位
静态定位(static)了解静态定位是元素的默认定位方式,无定位的意思语法:选择器: {position: static;}静态定位按照标准流特性摆放位置,它没有边偏移静态定位在布局时很少用到意思就是:静态定位就是标准流的方式相对定位(reative)重要相对定位是元素在移动位置的时候,是相对它原来的位置来说的(相对于自己)语法:选择器: {position: relative;}相对定位的特点(务必记住)它是相对自己原来的位置来移动的(移动位置的时候参照点是自己原来的位置)原创 2021-12-25 21:27:36 · 801 阅读 · 0 评论 -
CSS中的定位
定位为什么需要定位1.当某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子2.当我们流动窗口的时候,盒子是固定在屏幕某个位置的以上效果,标准流或浮动都无法快速实现,此时需要定位来实现所以说:浮动可以让多个块级元素盒子一行没有缝隙排列显示,经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子意思就是:定位可以让某个元素在一个盒子中自由移动位置,或者盒子固定在屏幕某个位置注意点:浮动的盒子不会出现塌陷问题行内块元素之间是有缝原创 2021-12-25 21:24:34 · 263 阅读 · 0 评论