css网格区域如何理解
什么是网格区域：1、网格区域(grid-area)是一个逻辑空间，主要用来放置一个或多个网格单元格。是由四条网格线(Grid line)，网格区域每边一条，四边相交组织的网格轨道(Grid Track)。简单点理解，网格区域是有四条网格线交织组成的网格空间，这个空间中可能是一个网格单元格，也可能是多个网格单元格...
2024-01-10
css中repeat()函数的用法
说明1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。2、repeat()也接受两个参数：第一个参数定义网格轨道应该重复的次数，第二个参数定义每个轨道的尺寸。CSS repeat()函数只能作用在grid-template-columns和grid-template-rows这两个CSS属性上。实例 .grid-co...
2024-01-10
css中minmax()函数的使用
说明1、minmax()函数来创建行或列的最小或尺寸。2、第一个参数定义网格轨道的最小值，第二个参数定义网格轨道的值。可以接受任何长度值，也接受 auto 值。auto 值允许网格轨道基于内容的尺寸拉伸或挤压。实例 .grid-container{ padding: 20px; display: grid; ...
2024-01-10
css中grid布局的使用
说明1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。2、当元素设置了网格布局，column、float、clear、vertical-align属性无效。实例在CSS中，不设置 grid-template-columns，只设置 grid-template-row。 .grid-container{ display: grid; grid-template-rows: 50px 80px ...
2024-01-10
css中grid网格布局的介绍
1、grid布局又称为网格布局，可以实现二维布局方式。2、这是使用CSS控制的，不是使用HTML控制的，同时还可以依赖于媒体查询根据不同的上下文得新定义布局。网格线(Grid Lines)网格线组成了网格，他是网格的水平和垂直的分界线。一个网格线存在行或列的两侧。我们可以引用它的数目或者定义的网格...
2024-01-10
css中flex布局如何使用
说明1、flex的使用方法很简单，只需要将其display属性设置为flex就可以，也可以设置行内的flex。记得Webkit内核的浏览器，必须加上-webkit前缀。2、设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。实例 .ele{ display: -webkit-flex; display: flex; display: inline-flex;...
2024-01-10
css盒模型布局是什么
说明1、传统布局方式就是通过盒模型，使用display属性（文档流布局）+position属性（定位布局）+float属性（浮动布局）。2、可以分为文档流布局、浮动布局和定位布局。文档流布局这是最基本的布局方式，就是按照文档的顺序一个一个显示出来，块元素独占一行，行内元素共享一行，这个相信大家都比...
2024-01-10
javascript原型对象如何理解
说明1、每个原型对象都有一个constructor属性。该属性指向构造函数本身。也就是说，person.prototype.constructor==Person。2、每个原型对象也是一个对象，所以原型对象也会有一个__proto__属性。该原型对象的__proto__属性将指向Object原型对象。也就是说，person.prototype._to__=object.prototype。Object原型对象的__proto__属...
2024-01-10
javascript使用new创建对象
说明1、在内存中创建新的空对象。2、将构建函数中的this指向新对象。3、执行结构函数中的代码，为该新对象添加属性和方法，并将其分配给传输参数。4、返回新对象。实例function create () { // 1. 创建一个新的空对象 var obj = new Object(); // 2. 取出第一个参数, 就是我们要...
2024-01-10
javascript作用域的使用
说明1、作用域可以理解为当前执行上下文，注意是当前。2、作用域本身没有变量和方法的值，只有在对应的执行上下文中才有，也就是说处于不同执行上下文的变量会有不同的取值。作用域也是有上下级关系的,确定了函数或变量是在哪个作用域下创建的。实例var age = 10;function test () { var ag...
2024-01-10
