首先格式化上下文是一套css规范定义的页面渲染区域，有自身的渲染规则（定位，子元素之间的关系） 那么BFC便是格式化上下文中的其中一种，可将拥有BFC特性的元素看成一个大容器，里面的子元素布局 不会影响到外面的元素

{代码…}

背景 这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。 正文 昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图： 起初认为是红框提示位置不对， 就去找代码看： {代码…} 代码上没有什么问题， 不是手动设置的，而…

这本书介绍的方法主要是运用了CSS3的知识，居然的兼容写法，自行查阅查询属性的支持程度入口浏览器前缀处理工具Autoprefixer CSS编码技巧 1、减少代码重复 当某些值相互依赖时，应该把它们的相互关系用代码表达出来 代码易维护 vs 代码量少 currentColor 继承inherit 2、了解视觉差异3、响应式页面设计 媒体查询的断点不…

Transform字面意思就是变形，改变的意思，该元素应用于2D和3D转换，该属性允许我们i元素进行旋转、缩放、移动和倾斜。在css3中transform主要包括以下几种：

定义一个动画的时候需要用到关键词，@keyframes 动画名称动画名称与animation的name字段是一样的定义一个动画<div> kkw</div>

原理：这个属性值可以让元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素

form标签创建表单 块元素 参数： {代码…} form实现方式通过input标签 input 特点： 单标签 行内块元素 默认属性： {代码…} 值： {代码…} {代码…} 提交按钮 {代码…} 密码输入 {代码…} 数字输入 {代码…} 搜索框 {代码…} 输入滑块 {代码…} 文件导入 {代码…}

最近因为接触到这个，才搜索了一下这个，它的用法与scoped类似，但是它编译之后更具唯一性，写法稍微麻烦点，记录一下使用方法。这里我用的是less css，在webpack.base.config.js里添加

在我们写html文档的时候,我们所创键的元素默认都是在文档流中排列,那么有在文档流中就有脱离文档流.我们的浮动和绝对定位,固定定位就是让元素脱离文档流.那么先..说说我们的层级结构吧: 按最底层到高层排列