HTML&CSS
文章平均质量分 71
收录HTML与CSS相关的页面样式设计技巧
搜捕鸟了
记录私人学习笔记
展开
-
canvas基础教学
Canva是一个可以使用脚本(通常是JavaScript)来绘制图形的HTML元素,例如,它可以用于绘制图表、制作图片构图或者制作简单的动画。本篇博客从一些就基础开始,描述了如何使用元素来绘制2D图形。看起来和元素很相像,与的不同就是它没有和属性,并且元素需要结束标签。实际上,标签只有两个属性和,这两个属性是可选的,当没有设置宽高时,会初始化宽度为300像素和高度为150像素,另外也可以使用来定义宽高,但在绘制时图像会伸缩以适应它的框架尺寸:如果的尺寸与初始化画布的比例不一致,它会出现扭曲。注意:如果你绘制原创 2023-12-25 22:42:04 · 1067 阅读 · 0 评论 -
CSS——sticky定位
粘性定位通俗来说,它就是相对定位relative和固定定位fixed的结合体,它的触发过程分为三个阶段原创 2023-12-08 22:07:13 · 1707 阅读 · 0 评论 -
Canvas—从入门到案例实现
canvas是一个可以使用脚本(通常是JavaScript)来绘制图形的HTML元素,通过本篇博客,你将学习到canvas的基本使用,并且本文会通过两个综合案例实践练习canvas。原创 2023-11-15 13:56:57 · 125 阅读 · 0 评论 -
CSS之实现线性渐变背景
`background: linear-gradient`是CSS中用于创建**线性渐变**背景的属性,这个属性允许你定义一个在元素的背景中进行渐变的效果,可以从一个颜色过渡到另一个颜色。原创 2023-10-15 20:45:29 · 3374 阅读 · 1 评论 -
CSS变量 var()的用法
这里介绍一下开发中常用的css变量var(),它可以实现样式的动态设置,使用方法主要分为全局使用和局部使用两种。如何定义CSS变量var():root {上述代码实现了在根元素定义了一个名为的样式变量。如何使用a {原创 2023-10-15 15:17:06 · 1329 阅读 · 0 评论 -
CSS——grid网格布局的基本使用
网格布局在实现页面自适应,大屏可视化中常常使用,在这篇博客里,记录一下网格布局的基本使用。原创 2023-09-16 17:12:12 · 511 阅读 · 0 评论 -
HTML5
安装vscode网站是指因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.html或.html后缀结尾的文件,因此将其俗称为HTML文件。HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言。原创 2023-08-31 23:11:22 · 733 阅读 · 0 评论 -
flex布局进阶
那么如何在不影响其他行布局的前提下实现最后一行的子盒子按顺序和其他行的子盒子垂直对齐呢?我们可以使用。原创 2023-07-23 22:02:12 · 437 阅读 · 0 评论 -
块级标签不自动换行的解决方式
任何固定了长度的块级元素里,长单词和长数字不自动换行,中文字符会自动换行原创 2023-06-29 20:31:45 · 398 阅读 · 0 评论 -
CSS复习笔记
绝对定位、固定定位会完全压住盒子以及下面标准流所有的内容,浮动元素不同,只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片)原创 2023-06-04 22:29:35 · 927 阅读 · 0 评论 -
CSS多余文字省略号显示
CSS多余文字省略号显示。原创 2023-04-17 11:32:23 · 724 阅读 · 0 评论 -
简易精美的滚动条样式
为了快捷编写项目,此篇博客记录一个简易的、比默认滚动条样式更好看的CSS样式。代码如下:可直接copy使用。原创 2023-04-16 10:39:53 · 531 阅读 · 0 评论 -
易忘的CSS知识点
距上次学习CSS已有五个月之久,在这期间,一直在学习Vue相关知识以及完成相关项目,由于项目使用外部组件居多,因此许多CSS样式都生疏了,博主始终认为原生CSS样式是从事前端行业的基础,不能因为组件的便利,而忽略最根本的样式,因此近期重新回顾了一遍CSS知识,并以此博客记录我常忘的知识点。原创 2023-03-03 18:37:04 · 98 阅读 · 1 评论 -
CSS实现多行文本垂直居中
如下图所示,当有多行文本时,如何实现多行文本在容器中垂直居中呢?设置为容器高度即可实现垂直居中,如下图,显然多行文本时,原创 2023-02-28 22:13:56 · 605 阅读 · 0 评论 -
如何实现盒子居中?
如下图所示,初始化一个盒子,默认左上方对齐,如何实现在不设置margin的前提下让盒子居中?只需两个使用css属性即可实现。原创 2023-01-08 15:24:15 · 125 阅读 · 0 评论