转自：https://blog.csdn.net/weixin_44019523/article/details/114155763 一、区别： 1. px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 2. e…

转自：https://blog.csdn.net/qq_44938782/article/details/100530324 ::-webkit-input-placeholder{/*Webkit browsers*/…

参考文章：https://www.jianshu.com/p/da55d3bb3a7f https://blog.csdn.net/weixin_45849112/article/details/109236966 &l…

转自：https://www.jb51.net/css/836742.html 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，…

转自：https://blog.csdn.net/qq_45488467/article/details/109605231

转自：https://blog.csdn.net/zhh_5/article/details/126519567 <div class="videocontainer"> <vide…

转自：https://blog.csdn.net/weixin_46353030/article/details/116059762 https://www.jianshu.com/p/f7cf20e24ae6 滚动条主…

转自：https://www.jianshu.com/p/22fe04eaa4ee 第一部分: 前言介绍 说先我们来理解一下 transform 这个单词: 这个英文单词可以改变一个事物的两个方面: 一: 形态; 二: …

转自：https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial 可缩放矢量图形，即SVG，是 W3C XML 的分支语言之一，用于标记可缩放的矢量图形。目前 SV…

列固定 5 列为例： .video-list { margin: 0 50px; display: flex; flex-flow: row wrap; } .single-video { width: 19%; mar…

转自：https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/ justify-content对齐问题描述 在CSS flex布局中，justif…

单行省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行省略号 以两行为例： overflow: hidden; text-over…

不显示内层滚动条也能实现内容滚动 如果存在 .el-container{height:100%} 将其去掉即可既不显示滚动条又可以自动滚动。 页面抖动 打开 dialog 弹框，或者弹出消息提示，页面会抖动一下，原因是因…

转自：程序猿微信公众号 想必大家都感受到了，很多网站、APP 近日都变灰了。 这种灰色的效果怎么实现的呢？如何做到图片、文字、按钮都变灰的效果呢？ 方案 1，换一套灰色的 UI，那显然成本太大了，用脚指头想一想就知道不太…

在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如何去掉重叠部分的边框？ 首先小编在这里谢谢大家一直…

改变元素的方向 flex-direction row 行排列 轴从左侧进行排列 row-reverse 轴从右侧进行排列 column 纵向排列 轴从上进行排列 column-reverse 纵向排列 轴从下进行排列 该…

图片在 DIV 中垂直居中 <div class="notice-image"> <img src="./images/news_title.jpeg" alt=…

转自：https://www.cnblogs.com/lxy0/p/11517619.html 结构元素不具有任何样式，只是使页面元素的的语义更加明确。 header元素 header元素是一种具有引导和导航作用的的结构…

网页布局原则 先水平再垂直 浮动 浮动的元素不占空间 清除浮动 clear:both，或者父元素overflow:hidden 任何元素一旦浮动，均可以设置宽高，并且不会独占一行（例如 span） 如果父类中的子元素都浮…

CSS 常用属性 字体属性 font-size 文本属性 text-decoration、text-align text-decoration：规定添加到文本的修饰。 underline 定义文本下的一条线。 overl…

转自：https://www.cnblogs.com/libo-web/p/15705558.html box-shadow 属性可以设置一个或多个下拉阴影的框 可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。…

转自：http://c.biancheng.net/css3/flex.html Flex 是 Flexible Box 的缩写，意为“弹性布局”或者“弹性盒子”，是 CSS3 中的一种新的布局模式，可以简便、完整、响应…

转自：https://zhuanlan.zhihu.com/p/376816600 不使用 @import，会增加加载时间。 选择器尽量少于三层，太多层不利于后期维护，可读性也比较低。浏览器读取选择器是从右到左的顺序，最…

转自：https://zhuanlan.zhihu.com/p/534307734 补充：https://blog.csdn.net/m0_65450343/article/details/124658549 https…

转自：https://blog.csdn.net/yangyuqingabc/article/details/84178815 css行高（line-height）及文本垂直居中原理 一、行高的定义 标准定义：两行文字基…

转自：https://www.cnblogs.com/zengkun983/p/9760868.html <div id="a"> <div id="b"></div> <div…

转自：http://t.zoukankan.com/qqfontofweb-p-7813718.html 在项目中，遇到了一个场景，需要实现相对于父元素的fixed定位：在父元素内拖动滚动条时，"fixed"定位的元素不…

在容器设置了overflow前提下，字符显示不全 解决：加入word-break:break-all;可令文字自动换行 子div在父div水平居中 父元素设置 text-align: center; 子元素设置 disp…

转自：https://blog.csdn.net/u010509052/article/details/79292040 弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就…

在style中加入样式：white-space: pre-line;