北京沣登科技发展公司

重构css,重构cs

大家好,今天小编关注到一个比较意思的话题,就是关于重构css问题,于是小编就整理了2个相关介绍重构css的解答,让我们一起看看吧。

  1. 什么是ps切片操作?
  2. html怎么定位的?

什么是ps切片操作

PS中的切片主要是将你在PS里制作图片切成多块,犹如你切蛋糕一样。

PS中的切片工具一般用于网页制作中。

重构css,重构csdiv>
(图片来源网络,侵删)

在制作网页时,通常要先用PS做一个静态页面,做好静态页面后,用切片工具将做好的页面按照内容,板块切成一块块,然后保存可以获取每个版块的宽和高,以及了解这个面的框架。利用这些数据来重构html页面。

建议在切的时候建议用放大镜放大倍数来切,或者在你知道要切多少象素的前提下用“视图”->“新参考线”建立参考线,然后用切片工具的属性栏中的基于参考线的切片。

HTML怎么定位的?

如果元素用了绝对定位,那么久相当于树叶脱离整个dom树,此时子元素与祖先元素、父元素无关联(脱离文档流)。未设置top,left,right,bottom,则子元素默认现在top=0,left=0的位置,也就是左上角。父元素若设置成绝对定位,参考子元素。若设置成相对定位,则不会脱离文档流,其位置相对于上一个相对定位的元素节点,即相对于祖先元素定位。

重构css,重构cs
(图片来源网络,侵删)

总结:绝对定位,可以使用top,left,right,bottom定位在页面任意位置而无需担心影响其他页面布局

相对定位,相对于上一个相对定位的父元素,与其他未使用相对定位元素相比,可以多使用top,left,right,bottom四个属性进行页面布局。

如需获取更多资讯,请关注微信公众号: 51好购

重构css,重构cs
(图片来源网络,侵删)

以我七年web前端页面重构经验来回答:

一句话总结,本身如果是绝对定位,那么他的位置受限于包裹她最近的相对或者绝对定位

分两种情况:

1、不管父元素使用相对还是绝对定位,子元素直接受限于父元素

2、如果子元素想受限于祖先元素,那么父元素就不能加定位

到此,以上就是小编对于重构css的问题就介绍到这了,希望介绍关于重构css的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/12342.html

分享:
扫描分享到社交APP