[A] flex弹性布局 flex弹性盒模型 2009年。W3C提出一种新的方案 flex布局，可以简便，完整，响应式的实现各种布局。 目前他已经得到了所有的浏览器的支持，这意味着，这项功能可以被安全使用 作用在flex容器上的属性 作用在flex子元素上的属性 flex-direction ord ...
分类：
Web程序 时间：
2020-06-17 20:02:31
阅读次数：
57
一、兼容性 1、各浏览器最新版本都已支持，除了IE 10 / UC , IE 11 已经支持。 //Internet Explorer 10： 使用 -ms- 前缀； //UC浏览器： 使用 -webkit- 前缀。 2、兼容更老版本的写法 display: -webkit-box; display ...
分类：
其他好文 时间：
2020-06-16 01:01:57
阅读次数：
69
box-sizing是什么 一言以蔽之，box-sizing用来控制元素的内容区域的宽/高与padding，border之间的关系；正常的盒模型： 元素的内容区域宽度=width； 元素的内容区域高度=height； 元素实际占的宽度=width+padding+border； 元素实际占的高度=h ...
分类：
其他好文 时间：
2020-06-10 20:55:17
阅读次数：
58
这一期给大家讲解一下盒模型的概念以及它的组成部分吧 每一个标签在页面中都会生成一个盒模型，而每个盒模型都有四个组成部分，由外到里是margin外边距，border边框，padding内边距，content内容部分组成。 如上图所示，蓝色部分就是内容content区域。 border取值简写就是bor ...
分类：
其他好文 时间：
2020-06-05 20:54:45
阅读次数：
85
1、作用：控制元素和元素之间，或者元素和内容之间的位置关系； 2、概念：盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素之间的相互关系，CSS定义所有的元素都可以有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界（外边距） 3、盒模型的组成：content（内容区）+p ...
分类：
Web程序 时间：
2020-06-05 19:30:50
阅读次数：
67
css 如何水平垂直居中，请尽量多说几种方法？很尴尬，我多次面试都被问到这个问题，fuck 定位（回答了）、table-cell布局、flex布局、translate+relative定位 w3c和ie盒模型区别 我回答反了 尴尬 jquery jquery中如何只实现一次事件绑定 $('dom') ...
分类：
其他好文 时间：
2020-06-04 21:49:39
阅读次数：
135
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:15:35
阅读次数：
68
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:05:12
阅读次数：
73
盒模型属性 margin外边距（top,right,bottom,left）border边框(top,right,bottom,left)padding内边距(top,right,bottom,left)content内容区(width,height)margin,border,padding值的书 ...
分类：
Web程序 时间：
2020-06-03 00:28:53
阅读次数：
66
一、CSS排版原理 box-sizing 改变盒模型计算方式 取值：border-box | content-box 初始值：content-box 举个例子： <div class="box a">Box A</div> <div class="box b">Box B</div> <style> ...
分类：
Web程序 时间：
2020-06-02 20:36:22
阅读次数：
111
