首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
霍奇的猜想
掘友等级
前端开发
|
某公司
JavaScript
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
90
文章 82
沸点 8
赞
90
返回
|
搜索文章
赞
文章( 82 )
沸点( 8 )
HTML + CSS 连载 | 49 - 子绝父相
一、绝对定位案例-子绝父相 绝对定位一般要和带有定位的父级搭配使用,因为是相对父级定位元素来偏移的,那么父级要用什么定位呢? 最常见的一种方式就是子绝父相 —— 子级是绝对定位,父级要用相对定位,因为
HTML + CSS 连载 | 50 - 绝对定位元素的特点(上)
一、将 position 设置为 absolute/fixed 元素的特点 将元素设置为绝对定位或者固定定位后,元素会有如下特点: 可以随意设置宽高,宽高默认由内容决定 不再受标准流的约束,不再严格执
HTML + CSS 连载 | 51 - 绝对定位元素的特点(中)
一、将 position 设置为 absolute/fixed 元素的特点(中) 绝对定位元素定位参照对象的宽和高 首先先说结论,对于绝对定位元素来说有这样两个公式: 定位参照对象的宽度 = 绝对定位
HTML + CSS 连载 | 54 - 网易云音乐 ITEM(中)
一、实现网易云首页 item 图片上的图标 上篇文章中我们已经实现了封面的基本样式: 与官网中的样式相比还缺少播放量和播放按钮等信息: 第 1 步:设置播放量 在 div.top 中添加一个 div.
HTML + CSS 连载 | 53 - 网易云音乐 ITEM(上)
一、实现网易云音乐首页的 item 封面 接下来我们通过相对定位和绝对定位来实现网易云音乐首页的 item,如下图所示: 该例中耳机图标、播放量以及播放图标都是盖在图片上的,这里需要通过相对定位和绝对
HTML + CSS 连载 | 52 - 绝对定位元素的特点(下)
一、将 position 设置为 absolute/fixed 元素的特点(下) 上篇文章中我们通过绝对定位元素的参照对象的宽度公式实现了元素的居中,根据绝对定位元素的参照对象的高度公式也可以实现元素
HTML + CSS 连载 | 55 - 网易云音乐 ITEM(下)
一、实现网易云音乐首页 item 左上角的图标 网易云音乐首页有的 item 中可能左上角还是包含一个图标,并且这个图标是在另外一张图片当中的,通过浏览器的检查工具查看具体的背景图和图标位置: 根据上
HTML + CSS 连载 | 56 - 粘性定位
一、粘性定位 除了前面提到的相对、绝对和固定定位外,还有一个定位就是粘性定位 sticky,给元素设置 position: sticky 即可实现粘性定位。可以使用left、right、top、bot
HTML + CSS 连载 | 57 - 层叠 z-index
一、CSS 属性 - z-index CSS 属性 z-index 属性用来设置定位元素的层叠顺序,且只对定位元素有效,取值可以为正整数、负整数或者 0,相当于坐标轴上的 z 轴。 我们来创建一个 H
HTML + CSS 连载 | 58 - CSS 元素浮动
一、认识浮动 CSS 浮动属性 float 可以指定一个元素沿其容器的左侧或者右侧放置,允许文本和内联元素环绕它。 float 属性最初只用于在一段文本内浮动图像,实现文字环绕的效果,由于早期的 CS
下一页
个人成就
文章被点赞
9
文章被阅读
4,804
掘力值
601
关注了
6
关注者
15
收藏集
0
关注标签
2
加入于
2022-05-25