前端布局
小馋猫s
没有最好,只有更好!
展开
-
盒子模型
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。 盒子模型具有属性: content内容 padding内边距 border边框 margin外边框 如下图: 其实,可以将盒子模型当作一个盒子去理解。 content是盒子里面装的东西 padding即是填充,就好像我们为了保证盒子里的东西不损坏,填充了一些东西,比如泡沫或者塑料薄膜,填充物有大有小,有软有硬,反应在...原创 2019-10-23 16:33:51 · 364 阅读 · 0 评论 -
canvas学习总结
<canvas> 是HTML5新增的 与JavaScript一起使用绘制图像(canvas本身没有什么绘制能力,需结合脚本绘图) 可以用来制作照片集或者简单的动画 还可以实时视频处理和渲染 <canvas width=“300” height=“150”></canvas>可选属性: width height 单位:px 浏览器支持 Internet E...原创 2019-10-16 11:32:41 · 895 阅读 · 0 评论 -
掌握flex布局
flex = flexible box 布局传统方案: display + position + float(很多布局实现起来都比较困难 比如:水平、垂直居中等) so… 就有了flex布局 flex布局特点: 可以简单、完整、响应式的实现各种页面布局 且,所有浏览器都支持flex布局 flex布局 = 弹性布局 任何一个容器都可以指定为flex布局 行内元素也可以使用flex布局 Webkit...原创 2019-10-15 16:28:02 · 473 阅读 · 0 评论 -
前端各种CSS布局
两栏布局 1,一栏固定宽度,一栏自适应 // 三栏布局 圣杯布局 双飞翼布局 静态布局 流式布局 自适应布局 响应式布局 弹性布局原创 2019-07-05 08:38:08 · 828 阅读 · 0 评论