首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
CoorChice
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
你有所不知的margin属性
作为前端狗的我们,每天都要和网页打交道。当 UI 将设计稿发给你时,CSS 的知识便显得尤为重要。而 CSS 这一标记性的语言,却时常让我很头疼:毫无逻辑性,并充满了各种坑爹的潜规则 ,以至于每次做项目时,大部分时间精力都浪费在了调整布局与样式上,详情可点击知乎上的为什么 CS…
负margin技术原理与运用 | CSS
在CSS中,margin的值可以是正数,也可以是负数。 当margin为负数的时候,对普通文档流元素和对浮动元素的影响是不一样的。 当元素的margin-top或者margin-left为负数时,“当前元素”会被拉向指定方向。 当元素的margin-bottom或者margin…
【图文】如何理解flex-shrink和flex-grow?
flex-grow剩余空间,按照比例添加给各个item剩余空间:flex容器大小- 所有flex项目大小所有项目都有相同系数,获得相同的剩余空间否则根据flex-grow决定的比例分配剩余空间flex
relative 和 absolute 元素的百分比定位
relative/absolute 元素都支持 top/right/bottom/left 属性定位。 relative 元素是相对自身定位的;absolute 元素是相对于最近的 position 属性值不是 static(也就是 fixed, absolute, relat…
CSS属性中的百分比
基于包含块的宽度来计算的属性:margin, padding, width, max-width,min-width, left, right, text-indent. . 基于元素本身的宽高:background-position:背景图像的位置,分别设置水平方向和垂直方向…
CSS 中的 float、BFC、position 和 inline-block
CSS 中有时候需要一些特殊布局,用正常流做不出来的效果。这时我们就可以使用破坏流和保护流的那些 CSS 属性来实现这些效果。 float 属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流(文档流)中移除,尽管仍然保持部分的流动性(与绝…
CSS-position:static/relative/absolute/fixed定位
对象遵循标准文档流中,top, right, bottom, left 等属性失效。 relative(相对定位) 对象遵循标准文档流中,依赖top, right, bottom, left 等属性相对于该对象在标准文档流中的位置进行偏移,同时可通过z-index定义层叠关系…
2019再谈移动端position fixed
最近在开发移动端页面的时候遇到固定顶部导航栏并添加搜索输入框的需求,第一反应就是用 position: fixed; 实现。但是这个属性在移动端总有各种奇怪的问题。早在2011年就有人问过这类似问题,但是都9102年了这个问题还有人提出。于是我决定在今年的新环境中再踩一遍 po…