格式vscode html css
大学生个人网站作业 超简单DIV CSS个人网页成品 简单个人网站作业模板 HTML个人网页设计
网站描述✍️大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad ......
萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
CSS中所有选择器
测试CSS中所有选择器 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> <!--属性选择器--> h1{ color: black; } <!--class选择器--> .wwwwwww{ col ......
html页面里面的button标签使用@click属性时，无法定位到Vue的method里面
问题解决 就很离谱，都是按照网上的教程来的，一直无法定位，之后跟着加上了div标签，加上了id属性，方法还是灰白色，调用不了； 后来直接将el属性名称更改掉了，没想到这样就成功识别到了，反正就是逻辑没有出问题，最后也达到期望值了。 ......
使用VScode进行Python开发
一、Microsoft Store中安装：terminal 二、PowerShell中执行： [win10新版或者win11使用： 单个命令安装运行 WSL 所需的一切内容(需要重启计算机):wsl --install 检查发行版的 WSL 版本：wsl -l -v ]win10旧版1.dism.e ......
CSS3边框属性 阴影 box-shadow 属性
box-shadow 属性各个参数的含义 值说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离，使用类似高斯模糊的算法将阴影进行模糊处理，模糊后阴影的范围将扩大，扩大的距离为blur/2 spread 可选。阴影的大 ......
欢迎使用园子的 vscode 插件
为了方便大家通过 vscode 编辑博文，我们做了一个小插件，插件名称是“博客园Cnblogs客户端”，插件列表中搜索“博客园”或者 "cnblogs" 可以找到。插件安装好之后会在 activity bar 中出现写代码小人的图标，点开后点击 Login 按钮登录。 ......
CSS实现文字镂空效果炫酷背景效果
CSS实现文字镂空效果炫酷背景效果 css3中的mix-blend-mode css3中有一个mix-blend-mode的screen混合模式，可以轻松实现镂空文字效果。背景我们可以固定定位设置一个静态图片，gif动态图，视频video，svg动画等等。 代码案例 <!DOCTYPE html> ......
vscode launch&attach及常用插件使用必备指南
.vscode下创建文件launch.json { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0 ......
在WSL中安装并配置VSCode的问题记录（Unable to locate package/长时未响应/user or team does not exist）
大体是跟着这个博客进行的，感谢博主：(41条消息) wsl遇到问题The repository ‘http://ppa.launchpad.net/ubuntu-desktop/ubuntu-make/ubuntu focal Release‘解决方法_阿正的梦工坊的博客-CSDN博客 （1）切换国 ......
vscode 开发 vue3项目 ， src 别名 为 @ ，报错
https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射，可 ......
HTML网页1次尝试-准备工作
1.文本框标签 <textarea> </textarea> <textarea rows="10" cols="30"> 我是一个文本框。 </textarea> <textarea> 标签定义一个多行的文本输入控件。 文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Cou ......
CSS基本格式，和引入外部CSS文件
<html> <head> <meta charset="UTF-8"> <title>demo3</title> <style> /*style标签范围内为CSS环境*/ /*标签样式*/ p{ color: red; } /*类样式*/ .font20{ font-size: 20; } /*i ......
HTML基础标签
<html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <!-- <h1>一级标题</h1> 你好，<br/>HTML! <p>一个段落</p> <p>这是第二个段落</p> <img src="fufu1 ......
css Position用法
相对位置和绝对位置 现有3个div如下 <style> .brother { width: 200px; height: 200px; background-color: yellow; } .father { width: 200px; height: 200px; background-colo ......
css浮动问题
引出问题 这是一个正常的排版 代码如下 <style> .father { width: 200px; border: 1px solid red; } .son { width: 100px; height: 100px; background-color: blue; } </style> <d ......
如何在终端中打开vscode
在vscode中使用命令command + shift + P 输入shell命令，选择Shell 命令: 在 PATH 中安装“code”命令，回车 使用command + 空格快捷键打开聚焦搜索，输入终端后打开终端 切换到想要打开的文件目录下，在终端中输入code .命令即可在vscode打开当 ......
Python 进阶指南（编程轻松进阶）：三、使用 Black 工具来格式化代码
原文：http://inventwithpython.com/beyond/chapter3.html 代码格式化是将一组规则应用于源代码，从而使得代码风格能够简洁统一。虽然代码格式对解析程序的计算机来说不重要，但代码格式对于可读性是至关重要的，这是维护代码所必需的条件。如果你的代码对人（无论是你还 ......
好用的CSS全局关键字属性值
什么是全局关键字属性值？ 全局关键字属性，可以理解成：所有CSS属性都可以使用的属性值。 举个不是全局关键字属性值的例子： background-color: #000000 上面的 #000000 就是CSS数据类型<color>中的属性值，但是<color>数据类型，并不能使用在下面的场景： / ......
VSCode插件 : ESLint Prettier Vite
# 创建项目 pnpm create vite vite-eslint --template vue cd vite-eslint pnpm install pnpm run dev # 安装插件 pnpm i prettier -D # 创建配置文件 echo {}> .prettierrc.js ......
Jmeter压测生成多维度图形化HTML测试报告讲解
Jmeter压测生成多维度图形化HTML测试报告讲解 dashboard讲解 Test and Report informations Source file：jtl文件名 Start Time ：压测开始时间 End Time ：压测结束时间 Filter for display：过滤器 Labl ......
python之json格式化与紧凑处理
格式化 在工作中json是我们常用的数据格式，因为格式化与紧凑存储所占的内存是不同的，格式化存储接近大一倍空间。所以有时候需要紧凑存储（一行存储），但是查看不太方便。 场景： 记事本打开json的速度最快，但是没有格式化功能。 notepad++可以格式化但是需要联网安装插件，内网环境不能下载 vs ......
Dart+VSCODE 安装
Dart for Windows (gekorm.com) 下载后执行安装器 安装后重启动计算机 run--dart --version 看到如下信息表示 DART安装成功 VSCODE 插件安装 1、DART 2 CODE RUNNER HELLO WORLD ......
css边距合并的问题
上下两个盒子边距合并问题 <style> * { margin: 0px; padding: 0px; } div { width: 100px; height: 100px; } .top { background-color: red; margin-bottom: 20px; } .botto ......
CSS标准盒子模型与怪异盒子模型
<style> * { margin: 0; padding: 0; } div { /* 宽高改变的是内容大小 */ width: 200px; height: 200px; } /* w3c标准盒子：盒子的总大小=内容+内边距+边框+外边距 */ /* 只要改变 内容，内边距，外边距，边框，盒子 ......
VsCode中出现红色波浪线
很奇怪的一天中，VsCode中突然出现了很多红色波浪线，然后上网查了查，发现是Pylance的问题，那就想办法解决了，比如下面的问题： 要做的呢？就是打开VsCode中的设置： 然后就是打开settings.json文件，如下图： 打开之后，就可以借鉴这篇博文的内容了，https://blog.cs ......
css伪元素选择器
<style> p::before { content: "当不想添加元素又想在其前面插入文字时使用"; } p::after { content: "当不想添加元素又想在其后面插入文字时使用"; } /* 当鼠标选择时发生 */ p::selection { color: red; } /* 选择 ......
CSS伪类选择器
伪类选择器 选择第几个元素 <style> /* 类num后代li的第1个 */ .num li:first-child { color: red; } /* 类num后代li的最后一个 */ .num li:last-child { color: red; } /* 类num后代li的第3个 */ ......
CSS基础选择器
基础选择器 前端页面结构如下 <h1>h1:标签选择器对选定的所有的标签都生效</h1> <p>p:标签选择器对选定的所有的标签都生效</p> <div class="green">div:类选择器测试</div> <div id="myid">id选择器测试，id是唯一的</div> 效果展示如下 ......