https://www.cnblogs.com/renshengruge/p/6369762.htmlhttps://www.cnblogs.com/leejersey/p/3991398.html CSS2.1的盒模型中规定的内容——Collapsing margins: 所有毗邻的两个或更多盒元素的 上下margin 将会合并为一个margin共享之。 毗邻的定义为:同级或者嵌套的盒元素,并且它们之间没有非空内容、Padding或Border分隔。 解决办法:【触发BFC】 给父元素加上 padding替代margin/1px透明border/1px的padding/overflow:hidden(IE要添加zoom:1), 或者给父元素/子元素设置为 float或position:absolute/fixed.或display设置为:inline-block、 inline-flex、 inline-grid、 或table-caption等【或设置父元素为flex、grid、table-cell也可,但子元素不行】 ( ...
各种选择器 优先级1.第一优先级:!important会覆盖页面内任何位置的元素样式,权值为 无穷大2.内联(行内)样式,如style="color: green",权值为1,0,0,03.ID选择器,如#app,权值为0,1,0,04.类、伪类、属性选择器,如.foo, :first-child, div[class="foo"],权值为0,0,1,05.标签、伪元素选择器,如div::first-line,权值为0,0,0,16.通配选择器,如*{},权值为0,0,0,07.继承 的样式没有权值。(补充,<td align="right">,<img width="10">等标签 属性的 自带样式,优先级 不高于 继承样式) 权重 计算规则【重要:以上数字,非 十进制!eg:0,0,0,5+0,0,0,6=0,0,0,11 小于0,0,1,1】在层级选择器(子代,后代,兄弟,通用兄弟选择器)中。被 多类 选择器 选中的某元素,计算权重时, 分类别、按 ...
注意: 1.默认 每次删除100条dns记录2.只有 Authorization(API 令牌);或X-Auth-Email和X-Auth-Key(全局 API 密钥)同时3.注意分配给apiToken的 细粒度权限 1const axios = require('axios'); 1234567891011// 替换为你的Cloudflare API Token和Zone IDconst apiToken = 'xxxxxxxxxxxxxxxxx';const zoneId = 'xxxxxxxxxxxxxxxxxxx';// 设置请求头const headers = { 'Authorization': `Bearer ${apiToken}`,// 'X-Auth-Email':'xxxxxxxx@gmail.com',// 'X-Auth-Key':'xxxxxxxxxxxxxxxxxxx ...
float元素之间是没有间距的。inline-block兄弟元素之间,如何像flaot元素那样,去掉inline-block元素间的间隙? 方法一:父元素设置font-size为0,子元素单独再设置字体大小方法二:设置字符间距letter-spacing,或单词间距word-spacing这个方法的原理有点像一所用的font-size,具体做法是给父元素一个letter-spacing或者word-spacing的负值(稍微大一点,比如 -6px),子元素再调整为0即可,具体使用字符间距还是单词间距其实大同小异。 方法三:直接采用使用Flex或float布局(这样处理的三栏式布局没必要用inline-block)方法四:设置margin-right为负值用margin负值来抵掉元素间的空白,不过margin负值的大小与上下文的字体和文字大小相关,并且同一大小的字体,元素之间的间距在不同浏览器下是不一样的,如:font-size:16px时,Chrome下元素之间的间距为8px,而Firefox下元素之间的间距为4px。所以这个方法并不通用,也相对比较麻烦,因此不太推荐使用。 以下方 ...
文章本来写完了,正发布时网站崩溃了。自动保存个球。还有插图全没了!!! 亲测,直接上重点总结:::1.兄弟元素中间,至少一个absolute。该absolute元素 相对于 最近的外层(父、祖先级元素)relative定位,没有就直接相对于窗口定位。给方向后,让去哪里才去哪里。没有指定方向时,原地悬浮,纹丝不动!!! 2.祖父relative,【父 无论relative,还是absolute】。子元素absolute。该absolute子元素 相对于 父级 定位。 3.祖父relative,【父 不设置position】。子元素absolute。此情况 同上1.该absolute子元素 相对于 祖父级 定位。
Your browser does not support the audio tag. 行路难, 行路难, 多歧路, 今安在? 长风破浪会有, 直挂云帆济沧海。