![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 65
微星星
这个作者很懒,什么都没留下…
展开
-
flex知识点
传统布局与flex布局 传统布局 兼容性好 布局繁琐 局限性,不能在移动端很好的布局 flex弹性布局 操作方便,布局极为简单,移动端应用很广泛 PC端浏览器支持情况差 ie11或更低版本,不支持或仅部分支持 建议:如果是pc端,我们还是用传统布局,如果是移动端或者不考虑兼容性问题的PC端页面布局,我们可以使用flex布局。 flex布局原理 原理:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。 flex意为弹性布局,任何一个容器都可以指定为flex布局 当我们为父元素设为flex布局原创 2021-09-04 17:51:24 · 76 阅读 · 0 评论 -
css三大模块
盒子模型:box model 四部分组成 margin:外边距 盒子与盒子之间距离 border:边框 指定上下作用边框大小、样式 padding:边框与内容之间距离,内边距 content:内容 padding:边框与内容之间的距离 盒子加了内边距后的影响 1)内容和边框有了距离 2)盒子会变大 内盒尺寸计算 盒子的实际大小:内容宽度和高度+内边距+边框 padding不影响盒子大小情况,如果盒子没有宽度,则padding不会撑开盒子 <div style="width:200px;..原创 2021-09-04 16:06:30 · 337 阅读 · 0 评论 -
圣杯、双飞翼布局
圣杯、双飞翼布局圣杯圣杯布局双飞燕布局 圣杯 圣杯布局 对于margin-left:-100px margin中左、上以其他为基准点,自己位置移动 margin中右,下以自己为基准点,其他元素位置移动 // A code block var foo = 'bar'; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>圣杯(runoob.com)</title> &原创 2021-03-09 11:07:07 · 72 阅读 · 0 评论