会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
body {background-color: #c3c3c3}
最美胡萝卜
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
8
9
10
11
12
2018年9月11日
由淘宝鼠标经过显示头像想起的 定位分析
摘要: 淘宝首页 每个li长短不一,如何鼠标经过让弹出的头像居中呢,方法如下: li 相对定位 li:before 使用绝对定位: position: absolute;top: -15px; 头像上来left: 50%; 便宜左边50%margin-left: -13px; 减去自身的宽度一半
阅读全文
posted @ 2018-09-11 11:31 最美胡萝卜
阅读(139)
评论(0)
推荐(0)
2018年9月7日
水平居中和垂直居中
摘要: 水平居中的常用方式: text-align:center ——这可以实现子元素字体,图片的水平居中。 margin:0 auto —— 这是针对块元素的水平居中方法 垂直居中的常用方式: vertical-align: middle;——这个垂直居中属性,只对 inline 或者 inline-bl
阅读全文
posted @ 2018-09-07 16:50 最美胡萝卜
阅读(256)
评论(0)
推荐(0)
position 和 transform【鼠标经过显示一个div滑过】&导航效果应用 以及定位自己的总结
摘要: transform:动画 在元素上各种方向偏移,而position 适用布局而来 position 是为页面布局而生的。 transform 是为动画而生的。 A.transform 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char
阅读全文
posted @ 2018-09-07 14:31 最美胡萝卜
阅读(387)
评论(0)
推荐(0)
Z-index用法总结
摘要: z-index 在w3cschool介绍 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释:元素可拥有负的 z-index 属性值。 注释:Z-index 仅能在定位元素上奏效(例如 position:absolute,relative,fix
阅读全文
posted @ 2018-09-07 13:45 最美胡萝卜
阅读(423)
评论(0)
推荐(0)
上一页
1
···
8
9
10
11
12
公告
body {background-color: #c3c3c3}