【HTML+CSS】
文章平均质量分 90
关于 html + css 的相关学习
张同学哟
“学如春起之苗,不见其增,日有所长”
展开
-
CSS布局之流式布局和圣杯布局
流式布局 流式布局,也可说是百分比布局,常用于移动端布局,通过设置视口宽度 width:100%;让容器内部左右拉满,根据不同的屏幕宽度进行适配。效果如图: 实现前需要在标签中添加meta标签 具体代码实现: <!-- css代码 --> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } .bigBox{原创 2021-08-15 10:31:03 · 261 阅读 · 0 评论 -
实现CSS布局的三种机制和常见页面的三种布局
1.实现CSS布局的三种机制 CSS提供三种机制来设置盒子的摆放位置,分别是普通流、浮动、定位,其中, 1.普通流(标准流) 页面内的元素标签按照从上到下,从左到右的排列顺序 块级元素会独占一行,从上到下的顺序排列 行内元素会同在一行,从左到右的顺序排列 2.浮动 概念:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。 脱离标准流,到指定位置 漂浮在普通流的上面 添加浮动属性,元素不占位置 只有左右浮动,没有居中 float:non原创 2020-07-07 14:54:44 · 296 阅读 · 0 评论