省略号 长度 范围css
代码随想录算法训练营第一天 | 977.有序数组的平方 ，209.长度最小的子数组 ，59.螺旋矩阵II ，总结
今日学习的文章链接和视频链接 https://programmercarl.com/0977.有序数组的平方.html https://programmercarl.com/0209.长度最小的子数组.html https://programmercarl.com/0059.螺旋矩阵II.html ......
2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接，导致无法生效
hexo d一键部署后查看效果发现博客页面的样式全丢失了，查看控制台发现了端倪： Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure styleshe ......
代码随想录第二天 |977.有序数组的平方 ，209.长度最小的子数组 ，59.螺旋矩阵II
https://leetcode.cn/problems/squares-of-a-sorted-array/ 第一题一眼双指针，过 第二题 https://leetcode.cn/problems/minimum-size-subarray-sum/ 同理用指针，形不似神似 https://lee ......
主题 CSS 魔改版
（Markdown 格式贴近 Typora 的显示样式） .blogpost-body blockquote { background-image: none; border-left: 5px solid #e2dfdf; border-right: none; border-top: none; ......
58. 最后一个单词的长度
给你一个字符串 s，由若干单词组成，单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。 示例 1： 输入：s = "Hello World" 输出：5 解释：最后一个单词是“World”，长度为5 代码 class Solut ......
css：transition tab切换 动态滑动效果
<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
css实现图片的居中、拉大和缩小
resize和overflow实现拉大和缩小，绝对定位+transform实现剧中，max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px ......
CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）
实现横向滑动：当子元素溢出父级盒子时，做以下操作。 第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we ......
Qt CustomDashLine会对范围外Path自动裁剪问题
在使用QPainter进行绘制时发现问题。当直接使用QPen进行绘制自定义虚线时会出现一个问题： 当绘制的Path遇到界面进行裁剪时，此时虚线线型将会省略裁剪的那一部分，导致自定义虚线在移动以及放大时会自动修改位置。 解决办法：直接使用QPainterPathSkroke。 问题描述如下： 自定义虚 ......
JavaWeb开发-CSS基础
2.CSS层叠样式表基本语法 层叠样式表，用来控制页面的样式 （1)CSS的三种引入方式 内部样式表：适合学习使用，将CSS代码写在style标签里面，style标签嵌套在title里 外部样式表：开发常使用，将CSS代码写在单独的CSS文件中.css；在HTML中使用link标签引入： href放 ......
CSS必学：你需要知道的盒子模型的秘密
作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说，要掌握的CSS基础一定很多，那么CSS中盒子模型肯定是必考必问必掌握的前端知识点，因为它是CSS基础中非常重要的内容，接下来我们就一起来了解一下盒子模型吧！ 什么是盒子模型？ CSS 所有的HTML 标签元素在网页中都生成了一 ......
初步了解CSS
初步了解CSS 一、CSS介绍 CSS定义 css（Cascading Style Sheet）层叠样式表，它是用来美化页面的一种脚本语言。 CSS作用 美化界面，比如：设置标签文字大小，颜色，字体加粗等样式。 控制页面布局：比如：设置浮动，定位样式。 CSS基本语法 css是由两个主要部分构成：选 ......
表格多内容单元，实现超出内容省略提示
在elementUI和iview组件库中，都有对应参数设置，当内容过长被隐藏时显示 tooltip。但是当表格的一个单元格的内容过于复杂，需要自定义时，通常官网给出的配置参数会失去效果。 入上图所示，可以使用组件库提供的 tooltip组件+ mouseover 事件实现，对应效果，代码如下 <!- ......
项目范围管理
目录范围管理（只记录重点）范围管理过程1、规划范围管理（计划由全员参与）2、收集需求（输出需求文件）3、定义范围（制订、输出范围说明书）4、创建WBS（形成自上而下的分解结构，应由全员参与）5、确认范围（阶段性的验收）6、控制范围（做好监控，处理变更，如有偏差进行纠偏）其他记忆知识技巧 范围管理（只 ......
css---等宽瀑布流布局制作
瀑布流布局效果如下图： 当前项目需求，如下图： 商品展示，需要按接口返回的顺序展示，依次从左至右，从上至下。 方案1：CSS3 column 属性(实现的布局顺序为先从上到下，再从左至右，所以这种方式仅适用于数据固定不变的情况，对于滚动加载更多等可动态添加数据的情况就并不适用了。) 关键思路： co ......
UM2010 是一款工作于 200MHz~960MHz 范围内的低功耗、高性能、单片集成的(G)FSK/OOK无线收发机芯片
UM2010 是一款工作于 200MHz~960MHz 范围内的低功耗、高性能、单片集成的(G)FSK/OOK无线收发机芯片。内部集成完整的射频接收机、射频发射机、频率综合器、调制解调器，只需配备简单、低成本的外围器件就可以获得良好的收发性能。芯片支持灵活可设的数据包格式，支持自动应答和自动重发功能 ......
css 跟随屏幕大小变动
在网页设计中，我们常常需要让元素随着屏幕大小的变化而自适应。这样可以让网页在不同尺寸的设备上显示得更加美观和合理。CSS提供了很多的技巧来实现这一目的。 第一种方法是使用百分比来设置元素的大小。比如，可以将容器宽度设置为100%，这样容器就会随着屏幕大小的变化而自适应。同时，也可以使用百分比来设置字 ......
复习css
复习css 样式 内联样式，行内样式，外部样式优先级 离HTML元素越近，优先级越高 内联样式离元素近：行内样式>内联样式>外部样式 外部样式离元素近：行内样式>外部样式>内敛样式 本质：浏览器从上到下解析过程中，后出现的样式会覆盖较早出现的样式 选择器 基本选择器 id > 类 > 标签 本质：定 ......
HTML+CSS面试题
1、内元素和块级元素的区别？ 行内元素：不会独立出现在一行，单独使用的时候后面不会有换行符的元素。eg：span, strong, img, a 等。这些元素，默认的高宽，总是其内容的高宽。并且，margin和padding值，只有左右有效。 块级元素：独立在一行的元素，他们后面会自动带有换行符。e ......
03前端开发【css结束】
伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px； } 2.在文本开头添加内容 p:before{ content: '哈哈'； color：bule； } 3.在文本结尾添加内容 p:aft ......
防御性CSS
什么是防御性CSS呢？ 我的理解是我们所写的网页的内容不完全是静态的，也是可以发生变化的，因此也就增加了CSS出现的问题。不管网页的内容是多是少，还是窗口尺寸是大还是小，页面里面的内容与布局是要能正常显示而不会被破坏。 Flexbox 折行 Flexbox 是 CSS 中经常使用的布局，在父元素中设 ......
C#实现鼠标进入按键范围后按键自动窗体内位置移动
新建winform窗体程序 添加button控件 在事件中选择 MouseEnter 代码如下 private void button_MouseEnter(object sender, EventArgs e) { //给按钮一个新的坐标 //这个按钮活动的最大宽度就是 窗体的宽度减去按钮的宽度 ......
css 背景样式 梯形/平行四边形
绘制这种不规则的背景图形，目前我的思路是使用伪元素 伪元素的优点在于不用添加新的元素 实现平行效果使用了css transform: skew(); 具体代码如下 { position: relative; padding-left: 12px; color: #2187FF; background ......
html5+css-06
HTML5（最常用） 新增标签 语义化 header：头部 nav：导航 article:内容 section:定义文档某个区域 aside：侧边栏 footer:尾部 主要针对搜索引擎 可多次使用 在IE9中需要转化为块级标签 视频 audio：音频(.mp3) video：视频（尽量使用.mp4 ......
CSS-05
精灵图 为了减少服务器接收和发送请求的的次数 background-position 一般情况下，向上向左均是负的 background: url(images/icons.png) no-repeat -1103px -333px; 字体图标 展示为图标，本质为文字 结构样式简单的使用字体图标，复 ......
CSS 实现鼠标悬浮边框线动画效果
一、transition CSS transition（过渡效果）详解 CSS 中提供了 5 个有关过渡的属性，如下所示： transition-property：设置元素中参与过渡的属性； transition-duration：设置元素过渡的持续时间； transition-timing-fun ......
利用 CSS 的 clip-path 属性快速画三角形、气泡框
clip-path 结合 polygon 函数，可以快速切出一个三角形、气泡框。 a. 三角形有三个顶点，因此 polygon 需要传三个参数，每个参数是顶点的 x 和 y 轴位置百分比： #triangle-1 { -webkit-clip-path: polygon(50% 0, 100% 10 ......