a8725585的博客

页面中当元素发生层叠时如何显示。为何有的元素明明写在后面却被前者覆盖住了？为何z-index设置很大了，还是不显示？这些涉及到css中的层叠上下文，层叠水平等层叠上下文类似块级格式化上下文，是一个封闭的空间，用来限制内部元素的层叠水平在当前范围活动的。在同一个层叠上下文中，（元素、层叠上下文）的层叠水平按一定的规则排序、显示。创建方式： 根层叠上下文 天生就具有的 z-index...

背景图片居中加边框.bg-img{ background: url(../images/加.png); background-position: center; background-size: contain; background-repeat: no-repeat;

-of-type 限制类型p:first-of-type;p:nth-of-type(n);如上 计算时只计算p标签不是p标签的不计算在内p:first-of-type{background:#ff0000;}p:first-child{background:#ff0000;}:first-child 不限制类型 所以h1标签也属于p父标签子标签既

一般我们在html 和css文件中需要用到图片时直接使用相对路径即可。如<img src="@/img/img1.png"/>  background="url(@/img/img1.png)"但在vue中style中这样使用会出错，找不到文件。template模板中既可以使用相对路径，也可以使用别名@ style中可以使用相对路径 不能使用webpack中配置的路径别名解决方法：1....

页面布局高度已知左右固定中间自适应float布局 缺点：清除浮动的处理 优点：兼容性好<section class="layout float"> <style> .layout.float .left-right-center div{ h

Css盒模型 css中所有html元素都可以看成为一个盒子，一个盒模型包括margin、border、padding、content分类标准模型-width与height按照content宽高计算 IE模型-width与height按照content+padding+border计算 两种模型设置方法（Css3）box-sizing：content-bo...

oocss尽可能的抽离出共用的css,一个类中写多个样式变为一个类对应一个样式 .block{ float:left; color:red; } // 变为 .float-left{ float:left; } .warning{ color:red; }BEM(Block,Element,Modifier)Block（块） Element（元素） Modifie...

img标签在HTML5和HTML4.0.1的严格模式渲染的时候，下面会有几像素的空白。原因img标签默认为inlineinline元素一般为文字，小写字母g、y底部会多出一段，距离和字体大小有关解决方法设为块级元素img { display: block;}字体设为0.img-content{font-size:0}改变基线img { vert...

css权重分为5级第一级：内联样式<div style=""></div> 权重 1000第二级：id选择器 #开头 权重0100第三级：class选择器 权重0010第四级：标签选择器、伪类权重0001第五级：通用选择器(*),子选择器(>)和相邻同胞选择器(+)无权重0000示例<p class="p1">这是内容</p>...