zhang1339435196的博客

第一种方法给父元素相对定位加上z-index,比子元素小第二种方法父元素设置:overflow: revert;

有幸见到一个好用又省时的css技巧，赶忙打开csdn记录下来。:empty用css代替js做的事。假如有一个输入框，搜索之后发现后台返回的数据为空，此时需要往搜索结果处写入"搜索结果为空！"字样。现在可以这样解决：box:empty::before{ content: '没有搜索结果'； display: block;}只要搜索结果为空，盒box为空，就会自动填充"...

html { overflow-y: scroll;}:root { overflow-y: auto; overflow-x: hidden;}:root body { position: absolute;}body { width: 100vw; overflow: hidden;}

第一种方法：.item{ margin-left:auto;}第二种方法：.item{ flex: 1; text-align: right;}

defer如果script标签设置了此属性，则浏览器会异步的下载该文件并且不会影响后面的dom渲染。如果有多个标签存在此属性，则等到全部加载完，按顺序执行。asyncasync的设置，会使script脚本异步的加载并在允许的情况下执行多个带有async属性的标签的执行，并不会按着script在页面中的顺序来执行，而是谁先加载完谁执行。...

描述css reset的作用和样式：Reset 重置浏览器的 css 默认属性 ，览器的品种不同，样式不同，然后重置，让他们统一。解释 css sprites，如何使用？把多张小图片整合到一张大的png图上，再利用background-size ,background-position等进行背景定位使用，这样做可以减少http请求数量，增强性能。List item...

说说你对标签语义化的理解：好的语义化的网站标准就是去掉样式表文件之后，结构依然清晰。概念：根据内容语义化，选择合适的标签。 意义：1、网页结构合理。 2、有利于seo和搜索引擎建立良好沟通，这样容易被搜索引擎抓取。 3、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页； 4、便于团队开发和维护。Doctype的作用?严...

解决办法：将前后样式中的height转成max-height。且转变后的height远大于转变前的即可解决

px : CSS单位，web中推出一个单位 px，可以解决由于不同设备的物理像素不同而导致的不同屏幕下，盒子宽高不一致的问题。(是绝对单位) 。缺点是无法实现自适应页面em :是一个相对单位，随着自身的font-size大小变化而变化。可以被继承，如果自身没有font-size属性，则根据父元素的font-size的变化而变化，根据em进行布局可以实现自适应。但缺点是如果改变font-siz...

盒模型：组成：margin(外边距) border(边框) padding(内边距) content(内容)W3C标准盒模型：width=content；背景只会在内容区域；IE怪异盒模型：width = 2border+2padding+content；背景会延伸到border外边界转换：标准=>怪异：box-sizing: border-box怪异=>标准:...

1.什么是BFC?BFC全称为块级格式化上下文。是Web页面的可视CSS渲染的一部分。可以说是一种CSS 渲染的表现形式，它是块盒子的布局发生及浮动体彼此交互的区域。2.BFC的特性?内部的Box会在垂直方向，从顶部开始一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加每个元素的margin box的左边，与包含块bord...

页面使用css的方式一共有三种：行内式(style属性);内联样式表(style标签);外链式(link与@import);link与@import区别：1.从属区别： @import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。2. **加载顺序区别：**加载页面时，link标签...

!important(无穷大)内联样式（1000）ID选择器（0100）类选择器/属性选择器/伪类选择器（0010）元素选择器/关系选择器/伪元素选择器（0001）通配符选择器（0000）注意：继承来的权重为0...