![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css基础
文章平均质量分 82
yokiizx
如果你太在意别人的看法,那么你的生活将变成一件裤衩。别人放什么屁,你都得接着。
展开
-
flex的注意点
flex 现在是前端布局利器,简单的就不多说了,直接看阮一峰的 Flex 布局教程,我这里主要记录一下平时使用 flex 的一些注意点。 注意点 1 flex 会让容器元素变为 BFC,让子元素变为层叠上下文元素,可以看BFC 和 SC这篇文章,也会让子元素的 float、clear、vertical-align 属性失效。 align-items 和 align-content 这两个属性都是垂直居中的,区别就是对于单行还是多行。举个例子: <div class="flex"> <原创 2021-05-27 13:58:26 · 180 阅读 · 0 评论 -
BFC和SC
把这两个放在一篇文章里是因为这两个东西都叫上下文,那咱就一锅炖了_! BFC - block formatting context 个人理解:独立容器 形成条件 根元素 display:flex、inline-block、table-cell position:absolute、fixed float 不为 none overflow 不为 visible 特性 先说下个人的理解吧:BFC 其实就是一个密闭的空间,不受其它元素影响,也不会影响其它元素 BFC 内普通元素是垂直排列的,上下 margin原创 2021-05-26 16:54:59 · 227 阅读 · 0 评论 -
经典三栏布局
圣杯布局 DOM 结构 <div class="container"> <div class="center"></div> <div class="left"></div> <div class="right"></div> </div> css .container { width: 100%; height: 100%; padding: 0 200px;原创 2021-05-26 16:52:15 · 71 阅读 · 0 评论 -
JS中的dom相关基础
DOM 基础 api 这方面的文章非常多,也没什么难度,建议阅读总结 js 常用的 dom 操作 DOM 样式获取与修改 element.style 只能获取到行内样式,但是可以修改 element.currentStyle 和 window.getComputedStyle (element)不能修改,但是可以获取非行内样式 getComputedStyle 兼容谷歌和火狐不兼容 ie<9,currentStyle 则相反,主要在低版本 IE 上使用 // 兼容写法 export const原创 2021-04-26 23:03:39 · 79 阅读 · 0 评论