清除浮动
摘要：
<style> .clearfix::after { content: ""; display: block; clear: both; } </style> <body> <!-- 高度自适应 高度是由内容撑开的 清除浮动的方法 1.直接给父元素写高度 缺点 高度写死 ，无法自适应 2.给父元素加 阅读全文
posted @ 2023-07-22 16:23 pocsan 阅读(12) 评论(0) 推荐(0)
精灵图
摘要：
<!-- 图片整合技术 css sprites 精灵图 雪碧图 优势 减少服务器请求次数 减小图片的体积 缺点 不利于维护 一半会把一些网页上不会改变的小图标整合上去 核心 利用背景位置的改变 阅读全文
posted @ 2023-07-22 16:22 pocsan 阅读(12) 评论(0) 推荐(0)
锚点点击
摘要：
<!-- 锚点 页面中的快速定位器 同一页面的不同位置的跳转 语法a的和href 的值 设为id的值 a href 值为空的时候刷新页面 值为# 或者#top的时候为返回顶部 --> 阅读全文
posted @ 2023-07-22 16:22 pocsan 阅读(9) 评论(0) 推荐(0)
点位小结
摘要：
定位有五种属性 re ab fi sty sta 固定定位 永远再浏览器上方fixed 完全脱离文档流 行内元素可以支持宽高 块级标签宽度将不会继承 绝对定位 阅读全文
posted @ 2023-07-22 16:21 pocsan 阅读(11) 评论(0) 推荐(0)
定位 总结
摘要：
<!-- 参照物不一定是父元素 也可以是祖先定位 参照物不一定是相对定位 只要是定位都可以 定位是不会越级的 --> 绝对定位 需要参照物 需要写位置 需要写z-index 特点 完全脱离文档流 改变元素的特征 相对定位： 保留原有的位置 实际上又可以使用z-index 一般是来给绝对定位提供目标的 阅读全文
posted @ 2023-07-22 16:21 pocsan 阅读(21) 评论(0) 推荐(0)
定位 介绍
摘要：
定位 一个盒子漂浮再前面 固定定位 漂浮于网页的前面 绝对定位 一个盒子漂浮于另一个盒子的前面 参照物 辅助属性上下左右 z-index 参照物 固定定位的参照物 浏览器 绝对定位的参照物 具有定位的祖先文件 定位居中的实现 左右居中 left0 right0 margin auto ////lef 阅读全文
posted @ 2023-07-22 16:20 pocsan 阅读(33) 评论(0) 推荐(0)
浙公网安备 33010602011771号