随笔分类 -  css

摘要:1、 居中对齐 给父节点设置一个position为非static的属性,然后给目标属性设置position为absolutely,top为50%,再设置一个transform:translateY(-50%) div {position: relative;width: 100px;height: 阅读全文
posted @ 2018-08-02 12:12 mojito1996 阅读(140) 评论(0) 推荐(0)
摘要:标签1:hover 表达鼠标滑过标签1时标签1发生属性变化 标签1:hover 标签2{} 表达鼠标滑过标签1时标签2发生属性变化 有时候我们做某个功能的时候例如轮播图里面按钮的显示与隐藏,对按钮的某个class或者id设置了隐藏,不能再对同一个选择器设置它的伪类 因为这样会不起作用,按钮已经隐藏, 阅读全文
posted @ 2018-08-01 16:26 mojito1996 阅读(90) 评论(0) 推荐(0)
摘要:margin: top right bottom left 4个 margin:(top/bottom) (left/right) 2个 margin:top (left/right) bottom 3个 阅读全文
posted @ 2018-07-20 10:17 mojito1996 阅读(223) 评论(0) 推荐(0)
摘要:static: 默认属性; absolute:绝对定位,忽略其他所有东西,往上以一个离得最近的非static元素为基准进行定位,没有非static元素则以body为基准, 使用绝对定位会造成原本结构的变化,原本位置会被其他元素占用; relative:相对定位,以该元素原本位置为基准进行定位, 使用 阅读全文
posted @ 2018-07-20 09:33 mojito1996 阅读(98) 评论(0) 推荐(0)
摘要:父级元素absolute/relative好像对子级元素的定位如absolute没影响,对子级有影响的是子级自己的定位方式如absolute或relative 阅读全文
posted @ 2018-07-10 19:19 mojito1996 阅读(278) 评论(0) 推荐(0)