小满的博客

在使用一些组件的时候无法设置组件的某些样式，很是困扰。 经过了解后可以使用“穿透”不需要去除 scoped 不会造成样式污染。外层容器 >>> 组件 {}or外层容器 /deep/ 组件 {}外层容器 ::v-deep 组件 {}**听说 >>> 可能会存在问题 所以最好使用后两种。**...

flex布局项目属性1.orderorder 属性定义项目的排列顺序数值越小，排列越靠前，默认为0.div { order: <integer>; }2. flex-growflex-grow 属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大如果所有项目的 flex-grow 属性都为1，则它们将等分剩余空间（如果有的话）如果一个项目的 flex-...

flex布局容器属性1.flex.div { display: flex | inline-flex;}flex:将对象作为弹性伸缩盒显示，inline-flex：将对象作为内联块级弹性伸缩盒显示(宽度撑开)。2.flex-direction 属性决定主轴的方向（即项目的排列方向).div { flex-direction : flex-direction: row | r...

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;

<a href="#name1">目录1</a><a href="#name2">目录2</a><a href="..." name="name1">内容1</a><a href="..." name="name2">内容2</a>

html: 大小写不敏感css: 大小写不敏感javascript: 大小写敏感但是 但是 但是 这三者是相互联系的, 所以合在一起使用的时候就产生了变化 ---- TagName, ClassName, Id这三样东西是他们相互联系的纽带.当我们通过js操作dom的时候document.getElementById 这里的ID对大小写敏感document.getElementByC...

行内元素不会独占一行，他们会排在一行直到排不下才换行，宽度随元素变化而变化；而块级元素独占一行，宽度自动填充父容器宽度。行内元素不可以设置width，height。块级元素可以。行内元素水平方向的margin，padding有效，竖直方向上的无效；块级元素都有效。...

.class选中所有类名为class的元素#idName选中所有id为idName的元素* 通配符选择所有元素element选择所有element元素 例如： pelement1, element2选择所有element1元素与element2元素element1 > element2选择所有父级元素为element1的element2元素element1 + ...

有时候给子元素加了margin-top之后父元素也会有一个margin-top解决方法：1.给父元素加一个boder-top2.给父元素增加display：flex3.给父元素加padding-top自己摸索出来的方法...