xiaomin_er的博客

import React, { useState } from 'react'; import styles from './index.less'; const ImageSwitch = (props) => { // 传入图片的大小，及图片 图片是数组的形式 const { width = 150, height = 150, picList = [] } = props; const [picIndex, setPicIndex] = useState(1); // 当前图片展

1.CSS Hack CSS Hack用来解决浏览器的兼容性问题，为不同版本的浏览器定制编写不同的CSS效果，使用每个浏览器单独识别的样式代码，控制浏览器的显示样式。 Hack分类 CSS属性前缀法 属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果 前两个前缀加在属性前面，后面两个加载属性值后面 前缀标识 兼容浏览器 _ IE6 +、*

1.BFC规范 Formattion context（格式化上下文）是W3C CSS2.1规范中的一个概念。 它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC即Block Formatting Contexts（块级格式化上下文），它属于上述中的其中一种规范，具有BFC特性的元素可以看作是隔离了的独立容器。容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的一些特性。 触发BFC 浮动元素： float除none以

1.CSS添加省略号 单行添加省略号 width 必须有一个固定的宽 white-space:nowrap 不让内容折行 overflow：hidden 隐藏溢出的内容 text-overflow:ellipsis 添加省略号 div{width: 100px;border:1px solid black;white-space: nowrap;overflow: hidden;text-ov...

1.CSS优先级 1.相同样式优先级： 当设置相同样式时，后面的优先级较高，但不建议出现重复设置样式的情况 2.内部样式与外部样式： 内部样式与外部样式优先级相同，如果都设置了相同样式，那么后写的引入方式优先级高 3.单一样式优先级 内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器>通配符>inher...

1.锚点(#id #name) #id <a href="#html">HTML</a> <a href="#css">CSS</a> <a href="#js">JS</a> <h2 id="html">HTML</h2> <p>hello</p> ...