大家好,今天小编关注到一个比较有意思的话题,就是关于重构css的问题,于是小编就整理了2个相关介绍重构css的解答,让我们一起看看吧。
- 什么是ps切片操作?
- html怎么定位的?
PS中的切片主要是将你在PS里制作的图片切成多块,犹如你切蛋糕一样。
PS中的切片工具一般用于网页制作中。
div>
在制作网页时,通常要先用PS做一个静态页面,做好静态页面后,用切片工具将做好的页面按照内容,板块切成一块块,然后保存,可以获取每个版块的宽和高,以及了解这个页面的框架。利用这些数据来重构html页面。
建议在切的时候建议用放大镜放大倍数来切,或者在你知道要切多少象素的前提下用“视图”->“新参考线”建立参考线,然后用切片工具的属性栏中的基于参考线的切片。
如果子元素用了绝对定位,那么久相当于树叶脱离整个dom树,此时子元素与祖先元素、父元素无关联(脱离文档流)。未设置top,left,right,bottom,则子元素默认出现在top=0,left=0的位置,也就是左上角。父元素若设置成绝对定位,参考子元素。若设置成相对定位,则不会脱离文档流,其位置相对于上一个相对定位的元素节点,即相对于祖先元素定位。
总结:绝对定位,可以使用top,left,right,bottom定位在页面任意位置而无需担心影响其他页面布局。
相对定位,相对于上一个相对定位的父元素,与其他未使用相对定位元素相比,可以多使用top,left,right,bottom四个属性进行页面布局。
如需获取更多资讯,请关注微信公众号: 51好购
以我七年web前端页面重构经验来回答:
一句话总结,本身如果是绝对定位,那么他的位置受限于包裹她最近的相对或者绝对定位
分两种情况:
1、不管父元素使用相对还是绝对定位,子元素直接受限于父元素
2、如果子元素想受限于祖先元素,那么父元素就不能加定位
到此,以上就是小编对于重构css的问题就介绍到这了,希望介绍关于重构css的2点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/12342.html
相关推荐
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css的left的问题,于是小编就整理了3个相关介绍css的left的解答,让我们一起看看吧。css向右浮动要怎样调整位置?css一行字与一行字怎么分开一点?HTML如何设置字体左居中?c...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css焦点的问题,于是小编就整理了3个相关介绍css焦点的解答,让我们一起看看吧。htmlfocus是什么?focus代码解释?焦点图什么意思?htmlfocus是什么?htmlfocus...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于flex与css的问题,于是小编就整理了2个相关介绍flex与css的解答,让我们一起看看吧。css3flex布局中怎么缩?cssflex布局自动换行原理?css3flex布局中怎么缩?...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html5进度的问题,于是小编就整理了4个相关介绍html5进度的解答,让我们一起看看吧。HTML5中,什么元素用于表示一个任务的完成进度?木疙瘩h5怎么做进度条?html5有哪些新特性,...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css的伪类的问题,于是小编就整理了1个相关介绍css的伪类的解答,让我们一起看看吧。在CSS中,:first-child;:focus;:lang这些伪类分别有什么作用?请举例?在C...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html5与css3教程的问题,于是小编就整理了3个相关介绍html5与css3教程的解答,让我们一起看看吧。如何用HTML5向网页中插入音频?如何用HTML5向网页中插入音频?如何通俗易...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css让字体居中的问题,于是小编就整理了4个相关介绍css让字体居中的解答,让我们一起看看吧。css如何设置方框里面的字体居中?css输入框怎么在中间?要怎样才能让代码中的文字居中?HTM...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css3的属性的问题,于是小编就整理了3个相关介绍css3的属性的解答,让我们一起看看吧。css3有什么新属性可以触发z-index?使用css3的属性选择器设置搜索?vue3怎么修改元素...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css元素选择的问题,于是小编就整理了4个相关介绍css元素选择的解答,让我们一起看看吧。css包含元素?css元素宽高属性能继承吗?html元素根据表现形式分为?CSS选择器里,“元素....
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css的after的问题,于是小编就整理了4个相关介绍css的after的解答,让我们一起看看吧。css中怎么改内容?css后面加上是什么意思?css3+伪元素如何实现鼠标移入时下划线展开...