首页 > 其他分享 >css-定位

css-定位

时间:2023-09-09 13:34:50浏览次数:39  
标签:定位 父级 元素 相对 20px css

相对定位

top -20px ——first上移20px

 

 绝对定位:

相对于浏览器:

 

 相对于父级元素(给父级元素一个position)

 

 固定定位:彻底定死,区别绝对定位

 相当于加了z轴,好多图册

 

 

 

 

 

标签:定位,父级,元素,相对,20px,css
From: https://www.cnblogs.com/zhaowang888/p/css_location.html

相关文章

  • 对于相机调用和相册调用的优化以及定位地址进行识别优化
    第一阶段已经实现了,但是由于过于匆忙,导致实现bug过多,如识别优化利用外部类进行实现,内部也进行实现,相机功能与手机不匹配,每一次运行需打开储存权限,今天进行了优化,将代码简化,同时套用《第一行代码》的相机调用与相册调用的,进行修改。实验阶段:将代码在新一个activity内进行书写,最后在......
  • web前端技能方法总结(css、js、jquery、html)(2)
    创建链接块display:block;列表样式在一个无序列表中,列表项的标志(marker)是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。要修改用于列表项的标志类型,可以使用属性list-style-type:ul{list-style-type:square;}1上面的声明把......
  • css-盒子模型
    盒子模型1.是什么 2.边框边框的粗细边框的样式边框的颜色因为容易很丑~-~这里用结构伪类选择器:——本意为找div父类的子类中第一个为input的,但是有错,实际上是div的后代选择器如果去掉input,只会框第一个div,找div父类的子类中第一个孩子3.外边距两......
  • 走进CSS—I
    点击链接走进前端学习:https://blog.csdn.net/qq_53810245/article/details/116831968@目录一、走进CSS1、CSS的简单介绍1、什么是CSS1.1、什么是CSS1.2、发展史2、CSS快速入门3、CSS的优势:4、CSS的3种导入方式行内样式(内联样式)内部样式(内嵌样式表)外部样式(外链式)2、CSS选择器(重点+......
  • css加载图标转圈代码
    转圈代码<iclass="el-icon-loading"></i>.el-icon-loading{animation:rotating2slinearinfinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframesrotating{0%{transfor......
  • element表单中当有必填项没有填时,定位光标
    表单添加或修改时的验证1.表单<el-form:model="formData":rules="rules"ref="ruleForm"label-width="140px"></el-form>2.表单验证//添加数据addData(){ this.......
  • 使用CSS给页面关键词加条彩虹线
    使用CSS给页面关键词加条彩虹线给页面页面关键词下方加上一个彩虹颜色的装饰线条,更能吸引人注意力,这里来动手实现看看效果效果css.txt-title{width:600px; text-align:center; padding:10px0; margin-bottom:15px; }.txt-titlep,{ font-size:16px; padding:1......
  • HTML5与CSS3实现动态网页(下)
    js完整的javascript是有ECMAScript(语法)BrowserObjects(DOMBOM)特性组成的。//单行注释/**/多行注释ECMASxript中的一切(变量函数名和操作符)都区分大小写1:什么是标识符变量函数属性的名字或者函的参数2:表示符命名规则有字符数字下划线或$符号......
  • web前端技能方法总结(css、js、jquery、html)
    CSS设置背景(background)背景颜色background-color背景图片background-image背景重复background-repeat:repeat-x/repeat-y背景位置background-position:bottom/left/top/right/center背景关联background-attachment:fixed/scroll综合写法:.tagName{background:#ffffffurl(“a......
  • HTML5与CSS3实现动态网页(下)
    js完整的javascript是有ECMAScript(语法)BrowserObjects(DOMBOM)特性组成的。//单行注释/**/多行注释ECMASxript中的一切(变量函数名和操作符)都区分大小写1:什么是标识符变量函数属性的名字或者函的参数2:表示符命名规则有字符数字下划线或$符号组成不能以......