shader_typecanvas_item;uniformfloatoutline_width=1.0;uniformvec4outline_color:source_color=vec4(1,0,0,1);voidfragment(){vec2uv=UV;vec2uv_up=uv+vec2(0,TEXTURE_PIXEL_SIZE.y)*outline_width;vec2uv_down=uv+vec2(0,-T

找往期文章包括但不限于本期文章中不懂的知识点：个人主页：我要学编程程(ಥ_ಥ)-CSDN博客所属专栏：速通前端目录CSS的介绍基本语法规范CSS选择器标签选择器class选择器 id选择器 复合选择器 通配符选择器CSS常见样式 颜色color字体大小font-size 边框bord

.resource-table{border-collapse:separate;/*设置边框分离*/border-spacing:0;/*边框间距设置为0*/width:100%;/*表格宽度*/theadtr{background:#f0f3f5;th{color:#5a6066;border-top:1pxsolid#b

5.1、元素的三大系列5.1.1、offset系列5.1.1.1、offset初相识使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位祖先元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset系列常用属性offset系列属性作用element.

1、元素的三大系列1.1、offset系列1.1.1、offset初相识使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位祖先元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset系列常用属性offset系列属性作用element.offset

 ​【引言】本案例的目标是开发一款年龄计算器应用，该应用能够根据用户输入的出生日期，计算出用户的实际年龄、虚岁、星座、生肖等信息。同时，应用还将提供距离下次公历和农历生日的天数及星期等信息。为了实现这些功能，我们将使用ArkTS和ArkUI作为开发语言，并借助@nutpi/calendar

盒子模型：盒子模型盒子模型介绍盒子的概念   页面中的每一个标签，都可看做是一个“盒子”，通过盒子的视角更方便的进行布局浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为盒子。  CSS中规定每个盒子分别由：内容区域（content）、

无边框拖拽是参考Qt实战6.万能的无边框窗口（FramelessWindow）-Qt小罗-博客园的文章，对其代码进行修改而来。本篇一共会提供本人写的无边框的代码以及Qt实战6.万能的无边框窗口（FramelessWindow）-Qt小罗-博客园里面的完整代码供大家参考.代码使用的话，我是直接让widget继承于fr

起因想要绘制一个带圆滑边角的矩形，奈何嘉立创这个方面的工作做的确实不是太好，谁让我用习惯了SW的圆滑功能，总是想单击两个边变化出一个圆角来，呜呜呜~开始操作绘制四个圆形，半径3mm，然后位置自己设置下，我总共要设置的边长为60mm，所以我设置所有圆形的圆心间彼此的距离为54mm接着绘

背景属性背景颜色（默认是无色，transparent）背景图片背景平铺背景位置（1）x，y方式（2）方位名词left   right center等（3）两者混合背景尺寸background-size：contain 与 cover有区别圆角矩形50%为圆形值越大角越圆盒模型每个html元素相当于是一个矩形的盒子

一.布局类1.`flex`将元素设置为弹性容器，使其子元素可以根据容器的空间进行弹性布局。<divclass="flex">...</div>2.`grid`用于创建网格布局，方便进行复杂的页面布局规划。<!--可创建一个3列的网格容器。--><divclass="gridgrid-cols-3">...</div>3.`contain

css简介CSS就是cascadingstylesheet的缩写，中文译作“层叠样式表”或者“级联样式表”，适用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译，可以直接由浏览器执行（属于浏览器解释型语言），是web网页开发技术的重要组成部分。CSS的好处使用CSS样

1.HTML什么是HTML超文本标记语言，通过标签语言来标记要显示的网页中的各个部分，一套规划，浏览器认识的规则浏览器按顺序渲染网页文件，然后根据标记符解释和内容显示，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）静态网页文件扩展名：.html和htmHTML不是什么HTML不

块级,行级,行块级块级:无论内容都是,都会独自占据一行的.可以设置宽高,若没有设置宽高,默认于父级标签相同.例如:<p>,<h1>,<ul>,<ol>,<hr/>等.行级:只占自身大小的标签,不会占一行.设置宽高无效.例如:<font>,<b>,<i>,<a>等.行块级:不会占一行,而且可以设置宽高.例如:<inp

CSS处理网页时，它认为每个标签都包含在一个不可见的盒子里。如果把所有的标签都想象成盒子，那么我们对网页的布局就相当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。盒子模型在网页中的直观表现:(打开方式在上一章节中有详细说明)

目录1.函数定义2.示例代码3.应用场景4.注意事项cv::copyMakeBorder()是OpenCV中用于给图像添加边框的函数，可以将指定宽度和类型的边框添加到图像的四周。这种操作在图像处理和计算机视觉任务中非常常见，比如在卷积运算中，通过填充边框来避免边界效应影响结果。1.函数

效果展示鼠标移入边框效果一、布局//布局<template><divclass="container"><divclass="card"><divclass="inner">君不见，黄河之水天上来，奔流到海不复回。</div></div><divclas

7.1CSS链接的美化7.1.1.文字链接的美化基础概念a:link：用于定义未访问过的链接。a:visited：用于定义已经访问过的链接。a:hover：当鼠标悬停在链接上时的状态。a:active：当链接被点击但还未释放鼠标时的状态。颜色和字体样式我们可以通过设置color属性来改变链接的颜色，同时可

盒模型是指：html中的各个元素都类似一个一个的盒子里面的物品，但是却叫做css盒模型，是因为css盒模型像一个盒子，把各种html元素包起来，将html元素进行封装，以便于网页布局与排版。盒模型的属性1、边框一般用于分隔不同的元素，边框的外围即为元素的最外围。边框是围绕元素内容和内边

在CSS中，"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。下面的图片说明了盒子模型(BoxModel)： width和heightwidth:width属性设置元素的宽度这个属性定义元素内容区的宽度，在内容区外面可以增加内

盒子属性包括4部分，分别为内容区，边框，内边距，外边距。目录一.内容区（盒子中呈现的是实际内容，比如文字，图片等）二.边框 三.内边距四.外边距 一.内容区（盒子中呈现的是实际内容，比如文字，图片等）宽：width高：height块级元素可直接通过CSS设置宽高，但是行内元素默认情况下不可以。

1、盒子模型的概念    W3C建议把网页上所有元素都放在一个个盒模型（boxmodel）中，通过CSS来控制这些盒子的显示属性，以及对这些盒子进行定位，完成整个页面的布局        在CSS视角下，所有HTML元素可以看作盒子、所谓的盒子在HTML中就是一个盛装元素内容的容器。 

其实画三角形只要打开思路就会很简单这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容目录边框常识这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容边框操作这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容这是隐藏内容