每个Web开发人员都应该知道的七个CSS核心概念

二、盒子模型在HTML中,一切都是一个盒子(是的,甚至圆形、三角形等都只是剪切框)。但是,这些盒子是如何工作的呢?盒子内的空白空间是如何添加的?盒子外面呢?“盒子”到底是什么?注意:这是假设下面的代码块在使用的CSS文件中,它非常流行,你甚至不需要知道如果它不存在会发生什么。box-sizing:border-box;...

假如用CSS来逆向推理视觉设计空间

这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模型,CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型:虽然所有HTML元素可以看作盒子,但在日常应用时,按照过往的认知,我们通常只对单一的某个元素赋予盒子,给ta添加相关属性,总体上这种做法确实可以让一个物体更...

前端面试题汇总大全(含答案)-- 持续更新

18.能说下vue-router中常用的hash和history路由模式实现原理吗?19.Vue框架怎么实现对象和数组的监听?20.Vue是如何实现数据双向绑定的?21.Vue怎么用vm.$set()解决对象新增属性不能响应的问题?22.虚拟DOM的优缺点?23.虚拟DOM实现原理?24.Vue中的key有什么作用?2...

干货总结:UI设计师如何快速上手B端设计?

1)盒子模型让你更懂开发思维盒子模型是最常听见的是在网页设计领域中,经常用到的CSS技术所使用的一种思维模型,是最常用且高效的界面开发模型之一,也是提高设计师与开发沟通效率的一个重要知识。盒子模型包含了以下属性:内容(content)、内边距(padding)、边框(border)、外边距(margin)2)确定栅格的基准–基于8点...

前端开发面试题答案(二)

(1)有两种,IE盒子模型、W3C盒子模型;(2)盒模型:内容(content)、填充(padding)、边界(margin)、边框(border);(3)区别:IE的content部分把border和padding计算了进去;2、CSS选择符有哪些?哪些属性可以继承?(1)id选择器(#myid)