元素 位子class css
CSS6大种选择器
https://blog.csdn.net/weixin_52682014/article/details/127709889 一、常用的css基本选择器(4种) 1、标签选择器 结构： 标签名{css属性名：属性值}作用：通过标签名，找到页面中所有的这类标签，设置样式注意：1.标签选择器选择的是一 ......
css 下划线动态
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
CSS：text-align-last文本最后一行的对齐方式
在开发过程中多行文本时出现了其他行左对齐，最后一行右对齐的情况 text-align：规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐，只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align：justify就可以 了，但是对于多行文本，除了最后一行之外都可以实现两 ......
CSS 伪元素
CSS 伪元素 CSS 伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} htt ......
伪类和CSS类
伪类和CSS类 伪类可以与 CSS 类配合使用： a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a> 如果在上面的例子的链接已被访问，它会显示为红色。 http://www.szytjh.co ......
CSS - :lang 伪类
CSS - :lang 伪类 :lang 伪类使你有能力为不同的语言定义特殊的规则 注意：IE8必须声明<!DOCTYPE>才能支持;lang伪类。 在下面的例子中，:lang 类为属性值为 no 的q元素定义引号的类型： 实例 q:lang(no) {quotes: "~" "~";} https ......
CSS :first-child 伪类
CSS :first-child 伪类 您可以使用 :first-child 伪类来选择父元素的第一个子元素。 注意：在IE8的之前版本必须声明<!DOCTYPE> ，这样 :first-child 才能生效。 匹配第一个 <p> 元素 在下面的例子中，选择器匹配作为任何元素的第一个子元素的 <p> ......
内层图片元素高度自适应，外层盒子高度如何保持跟图片高度一致？
在开发的过程中，外层盒子高度不确定的情况下，想要跟内层图片高度保持一致，内层图片高度设为width:100%;height:auto;外层box高度也是width:100%;height:auto.为什么会比图片本身到高度超出去一部分呢？外层box如何可以跟内层不确定高度的图片高度保持一致呢？ <! ......
俩个数组中找出相同的元素,并添加样式
result.Tags.tags.forEach((item,index)=>{ let idx1 = result.Tags.lightHighArr.indexOf(item) let idx2 = result.Tags.wordArrAppend.indexOf(item) if(idx1 ......
LeetCode 169. 多数元素（/hash sort 随机化 分治 Boyer-Moore 投票算法）
原题解 ###题目 约束 ###题解 ####方法一：哈希表 class Solution { public: int majorityElement(vector<int>& nums) { unordered_map<int, int> counts; int majority = 0, cnt ......
CSS中的transform（2D转换）
transform 是元素转换属性，其属性值为转换函数，使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数： 旋转函数（rotate） 移动函数（translate） 缩放函数（scale） translate CSS中的二维坐标系如下（注意y轴正方向与数学中常见的二维坐 ......
css绝对定位，没有设置left或top
目标：做h5实现以下情形 问题：不知为何成了这样： 分析： 下列是代码： 已知id="div_2"的div的父类已经定位，故该div块的位置是相对于这个父类。 修改之前的代码： 进行修改： 结论：当只给元素定义了position：absolute时，如果top，left没有指定时，则left，top ......
HTML常用元素
元素大全 <html>：定义HTML文档的根元素。 <head>：包含关于文档的元数据，如标题、样式表和脚本等。 <title>：定义文档的标题，通常出现在浏览器的标签栏中。 <body>：定义文档的主体，包含所有可见内容。 <h1> - <h6>：定义标题，从大到小六级标题。 <p>：定义段落。 ......
HTML引入CSS样式的三种方式概述
1.内联定义方式： 在标签内部使用style属性来设置元素的css样式 语法格式： 1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签> 2.样式块方式： 在head标签中使用style块 语法格式： 1 <head> 2 <style type=" ......
css绘制一个Pinia小菠萝
效果如下： pinia小菠萝分为头部和身体，头部三片叶子，菠萝为身体 头部 先绘制头部的盒子，将三片叶子至于头部盒子中 先绘制中间的叶子，利用border-radius实现叶子的效果，可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
【jmeter】启动报错Uncaught Exception java.lang.IllegalAccessError: class com.github.weisj.darklaf.ui.filech
1、问题 之前是java8的时候装的jmeter突然不能用了，报错Uncaught Exception java.lang.IllegalAccessError: class com.github.weisj.darklaf.ui.filech...... 2、原因 升级了java17 3、解决办法 ......
JAVA中循环删除list中元素的方法总结
印象中循环删除list中的元素使用for循环的方式是有问题的，但是可以使用增强的for循环，然后今天在使用时发现报错了，然后去科普了一下，再然后发现这是一个误区。下面就来讲一讲。。伸手党可直接跳至文末。看总结。。 JAVA中循环遍历list有三种方式for循环、增强for循环（也就是常说的forea ......
使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试
通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试 1.需要插件：ABC JS-CSS Injector 设置Title和Domain， 配置使用一下代码： 其中：http://127.0.0.1 ......
CSS详解
Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
css
css 使用css可以为html添加一些样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>入门案例</title> <style> h1{ color: red; font-size: 100px; } ......
xpath元素定位常用的几种方法
UI自动化中主要使用xpath定位。xpath是使用路径表达式来选取XML文档中的节点或节点集。下面重点学习下xpath的基础语法和xpath的一些函数 ......
css样式选择器
一、 CSS 选择符 类型选择符用于选择特定类型的元素，比如段落（见下面的例子)或标题元素，只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
Js 控制元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。 方法一： document.getElementById("EleId").style.visibility="hidden"; document.g ......
css中的&是什么意思
这个是scss中的语法，表示上一级的选择器 例如源码： ul{ margin-bottom: 20px; & >li{ margin-bottom: 0; } } 相当于代码 ul{ margin-bottom: 20px; } ul >li{ margin-bottom: 0; } ......
css属性——env()和constant()设置安全区域,解决移动端小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配
转载:https://www.cnblogs.com/jiaoshou/p/16647577.html 使用苹果官方推出适配方案css函数env()、constant()来适配 苹果官方推荐使用env()，constant()来适配，建议使用该方案，不需要管数值具体是多少。这2个方法是什么呢？ en ......
CSS伪类
CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法： selector:pseudo-class {property:value;} CSS类也可以使用伪类： selector.class:pseudo-class {property:value;} https://www.lekaowa ......
CSS 实现重叠效果时，div 背景被 img 图片遮挡
CSS 为实现重叠效果，将 margin-top 设为负值时，div 背景被 img 图片遮挡 一、未实现重叠效果 <body> <img src="https://cdn.uviewui.com/uview/swiper/swiper2.png" style="width: 375px;" alt ......
图片等比例缩放，元素位置不变
用到fiex弹性布局 效果：缩放时小黄圆点也跟着一起缩放 <!-- 灰色背景 --> <div class="boxImg" ref="cont" style="position: absolute; top: 0; left: 0"> <!-- 综合监控首页 --> <img class="top ......
常用css属性flex: 1详解
flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的，比如，当父盒子的宽度大于子盒子的宽度，父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后，超出部分进行缩小的取值比例 flex-basis是用来设置盒子的 ......
Java开发：list列表元素遍历删除
一、常见误区 1、提前结束遍历（直接使用列表长度进行遍历） for(int i = 0;i < list.size();i++){ list.remove(i); } 在list不断地删除元素的同时，总列表list的长度也在不断缩小，i值会提前和列表的总长度相等，导致遍历提前结束，造成前面的元素删掉 ......