特效loading css3 css
lazy load
document.addEventListener("DOMContentLoaded", function() { lazyLoad() // invoke while or invoke the function after your image process logic }) <img cl ......
Five_Bus_Load_Flow：基于MATLAB/Simulink的IEEE 5节点潮流计算仿真模型。
Five_Bus_Load_Flow：基于MATLAB/Simulink的IEEE 5节点潮流计算仿真模型。五个潮流母线模块用于指定母线基准电压和光伏母线电压以及摆动母线的电压和相位。潮流参数在同步和异步电机模块的潮流选项卡中定义。仿真条件：MATLAB/Simulink R2015bID:2850 ......
DevTools 无法加载源映射： 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404，
DevTools 无法加载源映射： 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决办法：找到bootstr ......
CSS
# CSS（层叠样式表） ## CSS的三种应用情况 就近原则：谁离该元素离得近就用哪个CSS ```html 芜湖 鸡你太美 ``` ## 三种基本选择器 ### 1.标签选择器 ```html 标签选择器 鸡你太美 基尼实在是太美 ``` ### 2.类选择器 ```html 类选择器 鸡你太美 ......
【HTML+CSS兼容性】 li中插入img元素之间存在空隙BUG问题+解决方案 前端零基础必须知道的事情!
>🚀 个人主页 **极客小俊** >✍🏻 作者简介：web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步！😄 >🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注  如上图所示，height 属性需要让父元素有高度，所以，h2 的 `::before` 设置 ......
CSS
.css ``` /* author: weiyupeng date: 2023/7/8 10:09 */ #para2 { font-size: xxx-large; } /*背景样式*/ body { /*背景色*/ background-color: mintcream; /*背景图*/ ba ......
css 隐藏滚动条
&：那个元素有滚动条，就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa ......
京东css初始化部分内容
``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti ......
CSS+html导航菜单栏
以下图为例，使用CSS+html实现下面这个博客园的导航菜单栏。 原图： 自己写的CSS+html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wancy博客园</title> <style> *{ ......
CSS_相关问题及解决_持续更新
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
开心档之CSS 测验
目录 CSS 测验 编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验，可以评估一个人对CSS语言的掌握程度和应用能力，帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题：从多个选项 ......
css之弹出层居中
css之弹出层居中, container设置为fixed，并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute，然后top/left设置为50%居中，这个时候这层的左上角剧中了，然后用 transform再退回50%，把container的底下一层的中心居于屏幕中心 . ......
1. Q_ CSS 属性是否区分大小写_
1. Q: CSS 属性是否区分大小写？ ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML，CSS都对大小写不敏感，但为了更好的可读性和团队协作一般都小写，而在XHTML 中元素名称和属性是必须小写的。 ......
CSS Float(浮动)布局
1. CSS 浮动技术 CSS浮动是一种CSS布局技术，用于将元素从文档的正常流中移动，并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性，它将脱离正常的文档流，并根据指定的方向（左、右）浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
css样式浮动的特点
浮动的特点：1、设置浮动后，水平布局等式不需成立，并且元素从文档流脱离，不再占用文档流位置2、设置浮动可以将元素向其父元素的左方向或者右方向浮动3、浮动元素不会浮动出父元素4、浮动元素移动时不会超过之前的浮动元素5、浮动元素不会超过他上边的兄弟元素，最多是和他一样高6、浮动元素不会盖住文字，文字自动 ......
css_margin塌陷问题解决方法
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
CSS基础-初识CSS
### 简介 CSS (cascading style shett) , 层叠样式表，是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现，使得样式和结构分离，HTML负责结构，CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中， 和ht ......
【全网最细】mybatis-plus的java.lang.IllegalStateException: Failed to load ApplicationCont问题解决方案
mybatisplus的自定义添加xml后，ApplicationCont无法启动问题出现情况（运行出错|失败）： 情况1：手动添加了映射文件.xml，自己的路径配置有问题 mybatis-plus中，如果添加了自定义的xml文件，需要手动在yml文件中配置路径，**代表多个路径，*表示单个包下路径 ......
css 文字横向滚动通知消息
要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
springcloudconfig拉去配置文件报错[Resolved [java.lang.IllegalStateException: Cannot load environment]]
Caused by: java.lang.IllegalArgumentException: Integer value http.postBuffer out of range 只需如下操作即可解决 ......
Docker CLI docker load 常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
css让图片自动滚动
转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......