CSS 为实现重叠效果,将 margin-top 设为负值时,div 背景被 img 图片遮挡
一、未实现重叠效果
<body>
<img
src="https://cdn.uviewui.com/uview/swiper/swiper2.png"
style
const:
这个最简单,只需记住是声明的常量,定义的时候必须声明const的具体值,且之后不允许改变const的值
var和let区别
1、由于js引擎存在预解析,会把var变量名进行提升
对于var来说是这样执行的
var m;
console.log(m);
m=10;
let不存在变量
众所周知,网页的暗黑模式可以减少屏幕反射和蓝光辐射,减少眼睛的疲劳感,特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应(Neon Effect)提供了发挥的环境。
霓虹灯效应是一种视觉效果,其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。
一、HTML
1、什么是HTML
1.1、初识HTML
HTML:Hyper Text Markup Language(超文本标记语言)
超文本包括:文字、图片、音频、视频、动画等
HTML5的优势
①世界知名浏览器厂商对HTML5的支持
1、微软
2、Google
3、苹果
Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面
在移动端 Web 开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具,在这种情况下,使用 PC 端浏览器开发者工具对移动端真机环境的
使用工具:
IDEA2022
Tomcat9.0.4
1.下载Tomcat:
官网:https://tomcat.apache.org/
找到需要的版本下载即可,下载完成解压即可用:
Tomcat目录介绍:
1.1.Tomcat启动、关闭。卸载:
启动:双击binsta
作者:京东科技 郝梁
前言:作为 C 端前端研发,除了攻克业务难点以外,也要有更深层的自我目标,那就是性能优化。这事儿说大不大,说小也不小,但难度绝对不一般,所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事!文章主要内容介绍前端性能考核指标及优化方案。
一、前端性能指标有哪些?
根
作者:京东科技 刘清洁
1、痛点(*)
自动化测试有2种形式,接口自动化和UI自动化。而UI自动化经常会被登录节点堵塞,例如验证码、图形、滑块等,尽管有些方式可以识别图形和定位滑块位置,但成功率都不高,无法真正意义上实现自动化执行;而http接口的自动化测试前置如果依赖cookie,也无法实现自动
本博文介绍HTML中的表单标签。
表单 = 表单域 + 表单控件 + 提示信息,下面说说表单域和表单控件。
1 表单域标签:<form></form>
基本格式:
<form action="url" method="提交方式" nam
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
假设,我们有这样一张 Gif 图:
利用 CSS,我们尝试来搞一些事情。
图片的 Glitch Art 风
在这篇文章中 --CSS 故障艺术,我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。
像
本博文介绍CSS中的基础选择器和复合选择器。
基础选择器包括标签选择器、类选择器、id选择器和通配符选择器,复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。
1 基础选择器
基础选择器由单个选择器组成,包括:标签选择器、类选择器、id选择器和通配符选择器。
1.1 标签选择器
标签选
之前,整个《现代图片性能优化及体验优化指南》分了 5 篇来发,本文是系列合集,方便大家收藏及连贯阅读。
图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。
对图片的性能优化及体验优化在今天就显得尤为重要。本文,就将从各个方面阐述,在各种新特性满头飞的今天,我
background中的cover与contain的区别
contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-s
拖放排序列表是一种广泛使用的 UI 元素,允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到,比如任务管理器和电子商务网站。 在这篇博文中,您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 Java
本博文介绍CSS三大特性之一:优先级。
1 规则
(1)若选择器相同,则执行层叠性(层叠性:给相同的选择器设置相同的样式,则“后来居上”,后面设置的样式会覆盖前面设置的样式);
(2)若选择器不同,则有优先级。
2 选择器权重
常见的选择器权重如下表:
选择器
权重
继承或者*(通配符)
0,0,
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
最近碰到这样一个问题,在一张封面上直接显示书名,可能会存在书名看不太清楚的情况(容易受到背景干扰),如下
为了解决这个问题,设计师提了一个“究极”方案,将书名背后的图片模糊一下,这个在 CSS 中很好实现,仅需backdrop-fi
本博文介绍CSS3中新增的选择器,包括属性选择器、结构伪类选择器和伪元素选择器。
1 属性选择器
属性选择器([属性])可以根据元素的属性和属性值来对符合要求的元素进行选择。
属性选择器的基础语法如下表:
语法
说明
标签[属性] {}
选择有目标属性的标签
标签[属性="value"] {}
本博文介绍CSS中常用的文本属性,包括文本颜色、文本对齐、装饰文本、文本缩进和行间距。
属性
说明
属性值
color
文本颜色
颜色(如red、green)#十六进制(如#ff0000)
rgb代码(如rgb(255,0,0))
text-align
文本对齐
left(默认值,左对齐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edg
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
CSS3提供了Animation关键帧动画,我们在工作中比较常用。但在写CSS动画的时候,其实Animation能实现两种动画模式:
补间动画
设置关键帧的初始状态,然后在另一个关键帧改变这个状态,比如大小、颜色、位置、透明度等,