这个24小时,我奉献给了定位

原创 悠游 随笔 前端之路 705阅读 2017-11-18 01:10:22 举报

......我又灰溜溜的回来了......
我摸索了好久,也还没整明白简书怎么成功插入代码,这点完全不如前端网方便。所以回来先把今天的笔记写完再说。
例行放图。我喜欢用图片和文字记录生活,这会让我有一种郑重其事地活着的感觉。

这个24小时,我奉献给了定位

    北京的天也是湛蓝的,醉人的美。

     如题所示,今天的时间贡献给了定位,希望它能跟我亲密无间,让我如臂使指一般使用它。

position:relative; 相对定位
a、不影响元素本身的特性;
b、不使元素脱离文档流(元素移动之后原始位置会被保留);
c、如果没有定位偏移量,对元素本身没有任何影响;
d、提升层级

相对于该元素原始位置发生偏移

偏移量
left right
top bottom
配合定位元素使用的

position:absolute; 绝对定位
a、使元素完全脱离文档流;
b、使内嵌支持宽高;
c、块属性标签内容撑开宽度;
d、如果有定位父级相对于定位父级发生偏移,没有定位父级相对于document发生偏移;
e、相对定位一般都是配合绝对定位元素使用;
f、提升层级

绝对与浏览器可视区域原点???
偏移量
left right
top bottom
配合定位元素使用的

定位父级相对于document发生偏移;
如果有定位父级相对于定位父级发生偏移
只要祖先元素中有定位的,就相对于最近的定位祖先元素发生偏移

默认情况下
同级元素,如果在同一个位置显示或有重叠部分
那么,最后的元素优先显示
后者覆盖前者

z-index:[number]; 定位层级
a、定位元素默认后者层级高于前者;
b、建议在兄弟标签之间比较层级
c、只有定位属性的元素才能提升层级

遮罩弹窗(优酷弹窗)
标准 不透明度: opacity:0~1;
IE 滤镜: filter:alpha(opacity=0~100);

缺点:使元素及其子孙元素全部都透明

    今日周五,一周结束,我的一天也结束了。
     明天没什么大志向,唯独一件事最重要:睡觉。
    最近严重缺觉,周末要好好补偿一下,顺便把老师留下的周末大福利搞定。
    晚安,好梦。
评论 ( 1 )
最新评论