随笔分类 - css技巧总结
摘要：不可继承的太多了，只需要记住可以继承的元素就行了。 可以继承的元素主要有：只有颜色，文字，字体间距行高对齐方式，和列表的样式。 具体如下：所有元素可继承：visibility和cursor。 内联元素可继承：letter-spacing、word-spacing、white-space、line-h
阅读全文
摘要：<link> 标签定义文档与外部资源的关系。 <link> 标签最常见的用途是链接样式表。 注意： link 元素是空元素（单标签），它仅包含属性。 注意： 此元素只能存在于 head 部分，不过它可出现任何次数。 注意：根据 W3C 标准，<link .... ... />构成完整的一个 link
阅读全文
摘要：一. nzsm和nzspan nzSm必须和nz-col一起使用和nz-row同时使用是没有效果的，和nz-col使用的时候，上层可以不用设置nz-row也能生效。 <div nz-col [nzSm]="5"> <button nz-button [nzType]="'primary'" (cli
阅读全文
摘要：问题描述： 如下图所示权限开通的背景图片被下面的挤压了，给这个图片设置了高度为110px明显不生效， 解放方案： 对于设置了父元素为flex布局的子元素而言，如果没有设置flex-shrink，那么子元素可能会被它的兄弟元素所挤压，是的子元素的高度失效。当下面部分高度不够用时候就会 挤压到上面，使得
阅读全文
摘要：一.容器的属性 flex-wrap属性：这个属性是设置在父元素身上的，它表明当父元素主线的长度不够是，就是容纳不下所有的子，那么子元素是否要换行。 属性值： nowrap（默认）：不换行 wrap：换行，第一行在上方。用法举例 display: flex; flex-wrap: noerap; 经过
阅读全文
摘要：Block formatting context：块级格式化上下文1.前言官方文档解释为：一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素，BFC是一块块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影
阅读全文
摘要：1.定义：Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。 2.常用的属性值： （1）translate（移动）: 这个属性值里面含有三个参数，依次表示x轴，y轴，z轴， 常用的translate属性的的用法介绍： 其中x,y,z的值可以为负数也可以为
阅读全文
摘要：问题描述 如上图所示，我们需要将上述三个标签右对齐，就像上图是要达到的效果，一般采用的方法是对每个标签设置margin-left这样就需要设置三个值。 当文字变长或者变成英文的时候又需要重新设置，否则就会对不齐。因此采用下面的方式可以灵活的适应标签的长度实现右对齐。 以第一行的导入策略为例代码如下：
阅读全文
摘要：1.首先要知道v-deep的使用场合。 在此之前先了解一下scoped属性，scoped 属性是一个布尔属性。如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 在vue中引入了scoped这个概念，scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式，使用了dat
阅读全文
