CSS相关内容第21页

十四、路由鉴权——进度条

项目当中路由能不能被访问的权限importrouterfrom'@/router'importnprogressfrom'nprogress'//引入进度条样式import'nprogress/nprogress.css

小曲曲·2024-02-19 21:07

CSS 模拟输入框指针动画效果

@keyframescursor-blinks{0%{opacity:1;display:block;}50%{opacity:0;display:none;}100%{opacity:1;display:block;}}.cursor{color:var(--m-color-bg-primary);border-left:1pxsolid;margin-left:2px;height:33px;

__仰望·2024-02-19 21:29

CSS-入门-MDN文档学习笔记

LoveEmiliaForever·2024-02-19 21:25

uniapp组件学习

https://uniapp.dcloud.io/component/视图容器基本属性——主要用于指示按钮效果，经常用到的有hover-class="自定义css样式"，点击之后则可将view渲染为自定义样式放开之后再自动复原

最帅的GISer·2024-02-19 21:24

CSS实现新拟态效果

不得不说，这样的效果确实很不错，那么使用CSS该如何实现呢？推荐一个网站，https://neumorphism.io/#e6eef4在这个网站可以非常方便实

淘淘是只狗·2024-02-19 21:54

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。伪元素（Pseudo-element）:伪元素是选择器的一种，用于在元素的特定部分上添加样式。它们以双冒号（::

前端fighter·2024-02-19 21:54

uni-app基础知识笔记

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯

安静宅男爱蓝猫·2024-02-19 21:24

有趣的CSS - 搜索框小动效

大家好，我是Just，这里是「设计师工作日常」，今天分享的是使用css模拟实现搜索图标过渡到输入框的小动效的一个效果。《有趣的css》系列最新实例通过公众号「设计师工作日常」发布。

设计师工作日常·2024-02-19 21:22

有趣的CSS - 旋转的太极图

目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果使用:before、:after伪元素以及animation属性画一个顺时针旋转的太极图。

设计师工作日常·2024-02-19 21:52

CSS之margin塌陷

margin塌陷CSS中的外边距塌陷（MarginCollapse）问题是指在垂直方向上，当两个或多个块级元素的边距相遇时，它们之间的距离不是它们各自边距的总和，而是其中的最大值。

大超-无痕·2024-02-19 21:51

有趣的CSS - 新拟态输入框

我是Just，这里是「设计师工作日常」，《有趣的css》系列已更新11篇了，今天这篇是关于新拟态风格的一个输入框效果，希望你们喜欢。

设计师工作日常·2024-02-19 20:47

CSS杂记

1在需要文本过长，需要该文本自动换行时111111111111111111111111111111111222222222222222222223333333333111111111111111111111111111111111222222222222222222223333333333

猛踹瘸子那条好腿の·2024-02-19 20:45

Node.js网站爬虫（三）网络爬虫

新闻详情页：1.2其他方式:2爬取结构与工具包：2.1爬取整体结构：2.2工具包2.2.1模块下载和导入模块：2.2.2工具包（重要模块）：3爬取流程：3.1定义format:3.1.1根据html结构使用CSS

Lilriver·2024-02-19 20:28

HAL/LL/STD STM32 U8g2库 +I2C SSD1306/sh1106 WouoUI磁贴案例

HAL/LL/STDSTM32U8g2库+I2CSSD1306/sh1106WouoUI磁贴案例基于STM32F103C8T6LL库驱动版本：https://gitee.com/chcsx/platform-test

perseverance52·2024-02-19 20:28

4.1.浏览器的开发者工具

下面是开发者工具的主要用途：调试和修复问题开发者工具允许开发人员检查和调试网页上的问题，如JavaScript错误、CSS样式问题、网络请求问题等。

sty3318·2024-02-19 20:26

2.1.w3c标准

网页主要由三部分组成：结构，表现，行为（1）结构化标准语言主要包括XHTML，XML（2）表现标准语言主要包括CSS（3）行为标准主要包括w3cdom,ecmascript等。

sty3318·2024-02-19 20:56

鸿蒙HarmonyOS4.0开发应用学习笔记——第一篇

1、熟悉鸿蒙官网安装DevEcoStudio设计：设计的资源，需要来找开发：开发应用分发：发布文档：开发查看的资料（指南，API文档）2、了解ArkTS语言利用网页技术开发：CSS语言控制布局与样式HTML

Echo-J·2024-02-19 20:36

好用的富文本编辑框wangEditor

这个编辑框是纯js加css实现的，使用起来还是很方便的，比百度的要简单很多，前段用起来也没有问题。下面就是使用的例子，可以作为参考，也可以去官网看下。Title欢迎使用wangEdit

周六不算加班·2024-02-19 19:02

用HTML5实现动画

用HTML5实现动画要在HTML5中实现动画，可以使用以下几种方法：CSS动画、使用元素和JavaScript来实现动画、使用JavaScript动画库。重点介绍前两种。

软件技术爱好者·2024-02-19 19:54

编程笔记 html5&css&js 082 JavaScript 函数

编程笔记html5&css&js082JavaScript函数一、函数二、函数的定义（一）、函数声明：（二）、函数表达式（匿名函数赋值）：（三）、箭头函数表达式（ES6新增特性）：三、函数的调用四、函数的参数五

明月看潮生·2024-02-19 19:53

创建 vite + vue3 + ts 项目简单笔记

W.Y.B.G·2024-02-19 19:08

实现 css 样式隔离的方法

样式隔离是一种在Web开发中常用的技术，用于确保组件或模块之间的样式不会相互影响，从而提高代码的可维护性和可重用性CSSModules：CSSModules是一种将CSS文件转换成JavaScript模块的技术

我有一棵树·2024-02-19 19:07

css篇---移动端适配的方案有哪几种

移动端适配移动端适配是指同一个页面可以在不同的移动端设备上都有合理的布局。主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域（通常来说是矩形）。在浏览器范畴内，它代表的是浏览器中网站中可见如果要实现浏览器适配移动端，首先我们需要统一标准视口，在html的head中需要添加以下标签：①统一视口re

婷宝_知萌·2024-02-19 19:32

js---webAPI

01声明变量js组成：DOM:操作网页内容的,开发页面内容特效和实现用户交互BOM:DOM树：将HTML文档以树状结构直观的表现出来，我们称之为文档树或DOM树文档树直观的体现了标签与标签之间的关系CSS

婷宝_知萌·2024-02-19 19:32

HTML动态彩虹字

效果：HTML：ElegantandBeautifulCSS：.this-div{background-image:-webkit-linear-gradient(left,#147B96,#E6D20525%

CJH（本人账号）·2024-02-19 18:40

HTML板块左右排列布局——左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面

我们可以借助CSS中的float属性来实现。实例：布局需求：左侧DIV固定宽度，右侧DIV自适应宽度，填充满剩余页面。

CJH（本人账号）·2024-02-19 18:40

展示用HTML编写的个人简历信息

我的Gitee我的博客教育背景2011-2017小学2017-2020初中2020-2023高中2023-2027大学计算机科学与技术专业技能掌握Java编程掌握数据结构掌握前端相关的技能:html,css

fly in the sky !·2024-02-19 18:24

2024 前端面试题附录1

2024前端面试题（GPT回答+示例代码+解释）No.1-No.20](https://blog.csdn.net/m0_67023788/article/details/136101352)附1.用原生CSS

好想玩原神·2024-02-19 18:46

三种canvas星空背景效果

第一种：旋转的光点，不限浏览器分辨率cssbody{margin:0auto;overflow:hidden;}.canvas{position:absolute;top:0%;left:0%;width

尘世壹俗人·2024-02-19 18:45

越权访问漏洞

前言近期项目进行了多项安全漏洞扫描，不可避免的扫描到一些漏洞，为了避免日后再次出现时重新查资料，所以准备将一些安全漏洞相关内容的整理成文章。

子洋丶·2024-02-19 17:49

猪蹄手·2024-02-19 16:26

【Django】静态文件、应用与分布式路由、模型层与ORM介绍、ORM基础字段与操作

一、静态文件图片、视频、css、js等文件都叫静态文件配置静态文件的访问路径，STATIC_URL='/static/'。若url中存在/static/，默认走静态文件路径，不需要视图函数处理。

Sunrise.99·2024-02-19 16:12

Django（静态文件和Django应用和分布式路由）

什么是静态文件如：图片、css、js、音频、视频静态文件配置--settings.py中1.配置静态文件的访问路径【该配置默认存在】STATIC_URL='/static'指定访问静态文件是需要通过/static

波士顿大龙虾_·2024-02-19 16:42

做百度百科有什么技巧吗，百科不通过怎么办

洛希爱做百科·2024-02-19 16:56

使用html-webpack-plugin对HTML文件进行预处理

原文地址：https://segmentfault.com/a/1190000021518323作者：Fw恶龙本文首发于：思否一、前言先整理一波之前和webpack相关的文章:使用Webpack对CSS

宁法·2024-02-19 15:14

[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页

猫佛·2024-02-19 15:12

html的表格标签

会居中加粗thead:表格的头部区域(注意和th区分,范围是比th要大的).tbody:表格得到主体区域.table包含tr,tr包含td或者th.表格标签有一些属性，可以用于设置大小边框等，但是一般使用CSS

fly in the sky !·2024-02-19 15:11

[HTML]Web前端开发技术25（HTML5、CSS3、JavaScript ）JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript程序代码消息对话框消息对话框-告警框消息对话框-确认框消息对话框-提示框JavaScript注释标识符和变量命名规范1.标识符2.关键字3.保留字课后练习网页标题：HTML属性的事件处理器的应用网页标题：调用外部js文件的Java

猫佛·2024-02-19 15:06

大写锁定已开启指令v-XXX开发

思路方案一：当然最简单的方法就是input输入框focus的时候去判断是否开启大写按钮，但是复用性很差，基本上每个密码框都要写一遍js和css；方案二：本项目使用vue2+ele开发的，所以准备用指令去实现这个功能

weixin_43062742·2024-02-19 15:30

读后感：《逆转》，灾难的两面性

C果的修炼笔记·2024-02-19 15:34

CSS-布局-MDN文档学习笔记

LoveEmiliaForever·2024-02-19 15:09

CSS-基础-MDN文档学习笔记

LoveEmiliaForever·2024-02-19 15:39

CSS-文本样式-MDN文档学习笔记

LoveEmiliaForever·2024-02-19 15:08

HTML5+CSS3+JS小实例：黑客帝国“代码雨”特效

实例：黑客帝国“代码雨”特效技术栈：HTML+CSS+JS效果：源码：【HTML】黑客帝国“代码雨”特效【CSS】*{margin:0;padding:0;}body{overflow:hidden;}

艾恩小灰灰·2024-02-19 15:22

canvas实现黑客帝国矩形阵

由于是canvas实现的，所有首先第一步就是在页面添加canvas标签，如下：请使用高版本浏览器，IE8以及一下不支持canvascss代码：html,body{height:100%;overflow

qq_45670012·2024-02-19 15:18

用HTML和CSS打造跨年烟花秀视觉盛宴

目录一、程序代码二、代码原理三、运行效果一、程序代码跨年烟花秀*{position:relative;box-sizing:border-box;}html,body{height:100%;}html{background-color:#000;}body{overflow:hidden;color:rgba(255,255,255,0.5);font-family:"RussoOne",ari

@HNUSTer·2024-02-19 14:11

用HTML、CSS和JS打造绚丽的雪花飘落效果

目录一、程序代码二、代码原理三、运行效果一、程序代码*{margin:0;padding:0;}#box{width:100vw;height:100vh;padding:3px;position:absolute;background:black;}(function(){varscreenWidth=screen.availWidth;//获取屏幕宽度varscreenHeight=scree