随笔分类 -  CSS

整理 css盒子
摘要：css盒子模型 css盒子模型概念 CSS盒子模型又称框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边框（margin）几个要素。如图： 图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是 阅读全文
posted @ 2020-09-23 16:04 lemon-Xu 阅读(198) 评论(0) 推荐(0)
CSS 水平垂直居中
摘要：水平垂直居中 定位 1. 百分比， 知道具体宽高 让盒子距离左上50%，然后向左上移动一半的距离 #position1 { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -50px; } 2. 自动， 阅读全文
posted @ 2020-09-19 12:33 lemon-Xu 阅读(115) 评论(0) 推荐(0)
CSS 圣杯/双飞翼布局
摘要：常用布局 圣杯布局 html结构 <body> <div class="container clearfix"> <div class="center"></div> <div class="left"></div> <div class="right"></div> </div> <div> <d 阅读全文
posted @ 2020-09-19 12:32 lemon-Xu 阅读(107) 评论(0) 推荐(0)
js/css 伪类， 获取伪类样式
摘要：CSS伪类 ::before/ after 在一个元素标签的前面或者后面, 创建一个新的虚拟的标签, 我们可以给这个虚拟的标签增加样式, 也可以增加内容等... .box p::before { display: block; height: 30px; line-height: 30px; tex 阅读全文
posted @ 2020-09-12 10:33 lemon-Xu 阅读(1482) 评论(0) 推荐(0)