首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端移动web-day05学习笔记

默认没有高度,背景色、边框 默认宽度为100% 继承版心的宽度 默认左右margin为 -15px (作用是抵消container左右的padding) c.列col: 类名遵循固定的格式 col-s-x...s(screen):表示屏幕尺寸,他们有四个可选值 lg:大栅格,这种栅格在屏幕宽度大于等于1200时可以排成一行,小于1200时每个栅格独占一行 md:中栅格,这种栅格在屏幕宽度大于等于992时可以排成一行...,小于992时每个栅格独占一行 sm:小栅格,这种栅格在屏幕宽度大于等于768时可以排成一行,小于768时每个栅格独占一行 xs:超小栅格,这种栅格所有屏幕宽度下都会排成一行 x(1-12之间的数字,尺寸比例...-- (2)栅格系统 行 : row 默认样式: 没有高度,宽度100%, 左右-15px margin(目的:抵消版心的padding) --...-- 行:父元素(top-bar banner nav-bar list) --> <!

2.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS3笔记

    column-span 指定元素跨列多少 column-width 属性指定了列的宽度 用户界面 appearance 允许您使一个元素的外观像一个标准的用户界面元素 box-sizing 允许你以适应区域而用某种方式定义某些元素...否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。...'align-items'值,如果其没有父元素,则计算值为'stretch'。...如果没有使用彩色查询表,则值等于0 device-aspect-ratio 定义输出设备的屏幕可见宽度与高度的比率。 device-height 定义输出设备的屏幕可见高度。...如果不是单色设备,则值等于0 orientation 定义输出设备中的页面可见区域高度是否大于或等于宽度。 resolution 定义设备的分辨率。

    3.6K30

    2022秋招前端面试题(七)(附答案)

    -- 再普通标签上 --> v-model="sth" /> //这一行等于下一行 v-bind:value="sth" v-on:input="sth = $...父级元素设置左右的 padding,三列均设置向左浮动,中间一列放在最前面,宽度设置为父级元素的宽度,因此后面两列都被挤到了下一行,通过设置 margin 负值将其移动到上一行,再利用相对定位,定位到两边...,包含了字间距,实际上是下一行基线到上一行基线距离;如果一个标签没有定义 height 属性,那么其最终表现的高度由 line-height 决定;一个容器没有设置高度,那么撑开容器高度的是 line-height...的赋值方式:带单位:px 是固定值,而 em 会参考父元素 font-size 值计算自身的行高纯数字:会把比例传递给后代。...例如,父级行高为 1.5,子元素字体为 18px,则子元素行高为 1.5 * 18 = 27px百分比:将计算后的值传递给后代说一下for...in 和 for...of的区别?

    77640

    【IOS开发基础系列】Autolayout自动布局专题

    -:表示距离         V:  :表示垂直         H:  :表示水平         >= :表示视图间距、宽度和高度必须大于或等于某个值         高度必须小宇或等于某个值         == :表示视图间距、宽度或者高度必须等于某个值         @  :>=、<=、==  限制  最大为  1000 1....V:|-[view(50.0)] :视图高度为 50 9: V:|-(==padding)-[imageView]->=0-[button]-(==padding)-|:表示离父视图的距离为Padding...,这两个视图间距必须大于或等于0并且距离底部父视图为padding。...--距离父视图上侧距离为0(距离为0的话也可省略)同时将v2的垂直方向的高度和v1设置成相同  [self.viewaddConstraints:[NSLayoutConstraint constraintsWithVisualFormat

    34940

    【CSS 学习笔记】CSS元素和布局

    height 设为 auto,一般等于其包含的子元素的总高度。...对于非替换元素来说,元素行内框的高度刚好等于 line-height 的值。...inline-block:会使元素表现的像行内非替换元素一样,是行内元素,但是可以设置宽高,margin, border, padding 会影响行内框的高度 run-in:使某些块级元素成为下一个元素的行内元素...清除浮动的一个主要的原因就是增加父容器的高度,当子元素浮动时,会脱离正常流,因此父元素计算高度时不会加上浮动子元素的高度,就会造成父元素的高度小于浮动子元素。当清除浮动之后,父容器就可以正确高度。...absolute 定位里 left, right, width,有一个值设为 auto,会自动调整其大小,使总长度相加等于父容器宽度。如果有没有auto,会重置 right。

    1.1K20

    CSS 基础系列:常见布局方式

    对于 left 来说,它需要左移父元素的总宽度,对于 right 来说,它需要左移自身宽度。 设置父容器的左右 padding,使内部内容向中间挤压,从而使左右留白。...,这里没有用定位,所以最小宽度可以直接等于左右两列宽度之和 3.2.3 缺点: 多加一层 dom 树节点,增加渲染树生成的计算量。...这里左右两列的 flex-basis 都是 100px,实际上为它们设置了固定宽度。 4.等高布局 等高布局是指多个子元素在父元素中高度相等的布局方式。...假设某一列高度最大,则父盒子的高度会等于这一列高度,而其他列本来的留白部分由带背景色的 padding 补偿。...,虽然 padding 还在(所以有背景颜色),但是丧失了在空间上撑开父盒子的能力(因为此时被 margin 取代,margin 撑不开高度),即父盒子由最高列撑开,其他两列不足高度的部分由 padding

    1.8K20

    【动态规划】01 背包问题

    可以不装满的情况 先来看可以不装满的情况: 为了更好的填表,还是从下标为 1 开始填表,dp 数组多开一行和一列 状态表示: dp[i][j] 表示从前 i 个物品中挑选,总体积不超过 j ,所有选法中...0 个物品,那么 dp[0][j] 这一行就都是 0,j = 0 时,表示背包容量是 0,也是一件物品都不能装的,所以 dp[i][0] 这一列也都是初始化为 0 填表顺序:从上到下,从左到右 返回值...分割等和子集 要把数组分割成两个和相等的子集,其实也就是求在数组中是否能选出一些元素使和等于整个数组和的一半,这就转化为了上面的 01 背包装满的问题,这里的和就相当于背包体积 状态表示: dp[i][...(target + sum) / 2 的 然后就变成了从数组中找出一些元素,使它们的和等于 (target + sum) / 2,还是之前的 01 背包模型 状态表示: dp[i][j] 表示选到第...0 的,所以当 j 等于 0 时,每一行都需要判断是否是 0,这样初始化第 0 列就很麻烦,通过分析可以知道,这一列其实是不用初始化的 这一列越界其实就是选择 i 的这种情况,但是由于用到这个状态是有一个前提条件的

    10110

    iOS-屏幕适配实现(VFL)

    VFL简介 VFL全称是Visual Format Language(可视化格式语言),它简化了Autolayout, 通过一行字符串,你可以在水平或者垂直方向上指定多个约束, 这跟一次只能创建一个约束相比会节省大量的代码量...:垂直方向 注: 不指定方向默认水平方法 | :父视图 -:标准间隔(默认左右边距8像素,上边距20像素) -xx- 非标准间隔(xx像素) ==:宽度相等(可省略) 等于 >=:大于等于...V:|-[button(50.0)]: 垂直方向上,距离父视图顶部标准默认间距20,button高度为50 H:|-20-[blueView(100)] 水平方向上,blueView距离父视图的左边距为...20,blueView的宽为100 V:[blueView(50)]-100@250-| 垂直方向上,blueView高度为50,blueView 距离父视图底部边距为100,@250优先级为低, 如果自动布局有冲突时..., v2, v3) 等价于 [NSDictionary dictionaryWithObjectsAndKeys:v1, @”v1”, v2, @”v2”, v3, @”v3”, nil]; 示例

    68210

    【五一创作】|【C++】AVL树的实现

    若新增节点作为parent的左子树即cur==parent->left parent的平衡因子-1 即 parent->bf-- ---- 若parent的平衡因子等于1或者-1 即第一种与第二种情况,...说明插入前parent的平衡因子为0,插入前左右高度相等,现在一边高1,高度变了 若parent的平衡因子等于2或者-2 , 说明parent所在子树不平衡,需要以旋转的方式处理子树 若parent的平衡因子等于...,用于存放parent的父节点 若旋转一部分时,跟ppnode相连接,同时也要判断连接到左子树还是右子树 若旋转整棵树时,父节点置NULL,subR作为新的根 ---- 右单旋 在a处新增节点,使其高度变为...,但是在后续插入判断时,使不该旋转的进行旋转了 所以需要判断下当前root的平衡因子是否与左右子树高度差相等,若不想等则平衡因子异常 ---- 整体代码 #include #include...ppnode->_left = subL; } else { ppnode->_right = subL; } subL->_parent = ppnode;//使subL

    20530

    【c++】AVL树

    1(-1/0/1)== 在一个叶节点插入一个元素,一定会改变当前父节点的平衡因子 平衡因子是右树高度减左树高度,插到右边,当前父节点平衡因子++,反之- -,是否影响祖辈(父节点再往上走)的平衡因子...意味着插入不改变高度,就不改变祖辈的平衡因子 如果平衡因子等于二了,就需要进行旋转,后面进行讲解 2.构建AVL树 2.1节点构建 templateV> struct AVLTreeNode...->_bf++; } ------------------------ } 如果parent的平衡因子等于0,则退出循环,如果等于1或-1,说明高度增加了则继续往上更新 if (parent->_bf...2或者-2,我们就需要进行旋转来使其高度差绝对值小于等于1 else if (parent->_bf == 2 || parent->_bf == -2) { --------------------...< endl; return false; } return _IsBalance(root->_left) && _IsBalance(root->_right); } 如果高度差大于等于二或者高度差不等于平衡因子

    6800

    RecyclerView addItemDecoration 的妙用 - item 间距平均分布和添加分割线

    /widget/RecyclerView.html#addItemDecoration(android.support.v7.widget.RecyclerView.ItemDecoration) Add...一般来说,可能有以下几种需求: 要求第一列和最后一列距离屏幕的距离 A 是固定的,其余每个 item 之间的距离 B 也是固定的(但 A 不等于 B 要求第一列和最后一列距离屏幕的距离 A 是固定的,item...的大小是固定的,其余每个 item 之间的距离跟随分辨率的大小变化 第一行距离顶部的距离可以设置,最后一行距离底部的距离可以设置 思路分析 首先,我们知道,对于 GridLayoutmanager ,...假设我们 spancount 为 3,那么在不设置 itemDercation 的情况下它的分布是这样的,可以看到第一列与最后一行的距离是不一样的 ?...int maxDividerWidth = getMaxDividerWidth(view); int spaceWidth = mFirstAndLastColumnW;//首尾两列与父布局之间的间隔

    6.9K41

    R高级|利用cowplot包拼接图片(2)巧用NULL调节距离、排版

    rel_heigths和rel_widths用来调节行、列的相对高度和相对宽度,注意:这是调节列和行,并不是某一张图片。...就是这个思路,既然不能直接调节行列的距离,那么,我们可以加入空列(NULL)、空行(NULL),通过调节空列、空行的相对高度、宽度,来调节非空列的距离。...这个时候,中间第2列的相对宽度明显变窄,从而实现了对第1列和第3列距离的缩短,我们看到图C和图D下面没有对齐,使用align命令使其对齐即可,这个咱们在第1讲中介绍过,align可以等于v、h、hv、vh...现在,来调节相对宽度,使第1列变窄 plot_grid(A,NULL, NULL,B, labels = c('A','空图',...'空图','D'), rel_widths = c(0.3,1) ) 再来调节相对高度,使第1行变窄 plot_grid(A,NULL,

    2.5K41

    终于,Geoffrey Hinton那篇备受关注的Capsule论文公开了

    因此我们能使用非线性「压缩」函数确保短向量的长度能够缩短到几乎等于零,而长向量的长度压缩到 1 的左邻域内。...因此,最初 capsule 输出(u_i)以同样的概率(c_ij)被发送至所有父 capsule(v_0...v_10)。...最右两列是两个失败的重构样例,它展示了模型如何混淆该图像中的 5 和 3。其他列来自正确的分类,展示了模型如何挑剔细节,同时使噪声变得平滑。 ? 表 1:CapsNet 分类测试准确度。...每一行展示当 DigitCaps 表征的 16 个维度之一在区间 [−0.25, 0.25] 中以 0.05 的间隔(interval)进行变化并重构。...有许多基本的具有代表性的理由使我们相信这是一个更好的方法,但在 capsule 能超过一种高度发展的技术之前,还需要很多的细节洞察。

    529100

    终于,Geoffrey Hinton那篇备受关注的Capsule论文公开了

    因此我们能使用非线性「压缩」函数确保短向量的长度能够缩短到几乎等于零,而长向量的长度压缩到 1 的左邻域内。...因此,最初 capsule 输出(u_i)以同样的概率(c_ij)被发送至所有父 capsule(v_0...v_10)。...最右两列是两个失败的重构样例,它展示了模型如何混淆该图像中的 5 和 3。其他列来自正确的分类,展示了模型如何挑剔细节,同时使噪声变得平滑。 ? 表 1:CapsNet 分类测试准确度。...每一行展示当 DigitCaps 表征的 16 个维度之一在区间 [−0.25, 0.25] 中以 0.05 的间隔(interval)进行变化并重构。...有许多基本的具有代表性的理由使我们相信这是一个更好的方法,但在 capsule 能超过一种高度发展的技术之前,还需要很多的细节洞察。

    32820

    终于,Geoffrey Hinton那篇备受关注的Capsule论文公开了

    因此我们能使用非线性「压缩」函数确保短向量的长度能够缩短到几乎等于零,而长向量的长度压缩到 1 的左邻域内。...因此,最初 capsule 输出(u_i)以同样的概率(c_ij)被发送至所有父 capsule(v_0...v_10)。...最右两列是两个失败的重构样例,它展示了模型如何混淆该图像中的 5 和 3。其他列来自正确的分类,展示了模型如何挑剔细节,同时使噪声变得平滑。 ? 表 1:CapsNet 分类测试准确度。...每一行展示当 DigitCaps 表征的 16 个维度之一在区间 [−0.25, 0.25] 中以 0.05 的间隔(interval)进行变化并重构。...有许多基本的具有代表性的理由使我们相信这是一个更好的方法,但在 capsule 能超过一种高度发展的技术之前,还需要很多的细节洞察。

    820100
    领券