css Grid布局 网格布局

什么是网格布局?网格是由一系列水平及垂直的线构成的以一种布局模式。根据网格,我们能够将设计元素进行排列,帮助我们设计一系列具有固定位置以及宽度的元素的页面,使我们的网站页面更加统一。一个网格通常具有许多的列(column)与行(row),以及行与行、列与列之间的间隙,这个间隙一般被称为沟槽(gutter)。容器属性Grid 布局的属性分成两类。一类定义在容器上面,称为容器属性;另一类定义在项目上面

- 阅读全文 -

css 布局 多列布局

属性描述单元格单元格单元格单元格column-count指定元素应划分的列数column-fill指定如何填充列column-gap指定列之间的间距column-rule设置所有列规则-*属性的简写属性column-rule-color指定列之间规则的颜色column-rule-style指定列之间规则的样式column-rule-width指定列之间规则的宽度column-span指定元素应该跨

- 阅读全文 -

css3 动画

transition (渐变动画)transition-property(变换的属性,即那种形式的变换:大小、位置、扭曲等)值为:noneall元素属性名(用,隔开)transition-duration(变换延续的时间)它是用来设置转换过程的持续时间,单位是s或者ms,默认值为0;transition-timing-function (变换的速率)ease:逐渐变慢(默认),等同于贝塞尔曲线(0

- 阅读全文 -

css 布局 --- flex(弹性盒子)

什么是flex 弹性盒子弹性盒子是一种用于按行或按列布局元素的一维布局方法 。元素可以膨胀以填充额外的空间, 收缩以适应更小的空间采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。disolay:flex;(行内元素display:inline-flex)容器的属

- 阅读全文 -

js 字符串常用处理函数

js字符串常用处理函数charAt //查找具体位置的字符串 "alexHu".charAt(0) //a concat 字符串连接 let str1 = 'vate' let str2 = 'Hu' str1.concat(str2) // vateHu indexOf(searchValue,[fromIndex]) //返回索引位置,找不到放回-1 "

- 阅读全文 -