摘要: 1. 相对定位 2. 绝对定位 3. 子绝父相 4. 固定定位 5. 定位叠放次序 6. 定位拓展 浮动不会压住下面标准流的文字(但是定位会) 7. 定位拓展 盒子居中 阅读全文
posted @ 2020-06-06 22:04 她的开呀 阅读(140) 评论(0) 推荐(0)
摘要: 在父元素添加一个伪元素即可 .clearfix::after { content: ""; display: block; clear: both; } 阅读全文
posted @ 2020-06-06 21:52 她的开呀 阅读(254) 评论(0) 推荐(0)
摘要: css的垂直居中与水平居中 一、 块级盒子水平居中 width 必须有宽度 盒子的左右外边距 auto width: 100px; height: 100px; margin: 0 auto; 二、 行盒/行块盒/文字水平居中 只需要在父级元素使用 text-align: center; 即可 三、 阅读全文
posted @ 2020-06-06 21:42 她的开呀 阅读(205) 评论(0) 推荐(0)
摘要: css属性值的层叠冲突规则 层叠冲突:同一个样式,多次用到同一个元素,就会发生层叠冲突,需要对样式表有冲突的申明使用层叠规则,确定css属性值 步骤1. 比较重要性,若css属性后面加有 !important ,就表示该属性值的优先级最高,就会使用该值作为当前属性的值(一般不用) color: #0 阅读全文
posted @ 2020-06-06 19:02 她的开呀 阅读(516) 评论(0) 推荐(0)
摘要: 锚点链接:当点击链接时,可以快速地定位到页面中的某个位置 1. 为需要被定位的元素添加id属性,例如:<p id="p1">我是p1</p> 2. 使用<a>标签定位元素,设置href属性值为 :#需要被定位元素的id,例如:<a href="#p1">p1</a> 代码示例: <a href="# 阅读全文
posted @ 2020-06-06 00:17 她的开呀 阅读(4339) 评论(0) 推荐(0)