格式vscode html css
CSS(语义化标签、多媒体标签、新表单元素、属性选择器、结构伪类选择器、伪元素选择器、盒子模型、滤镜、calc函数、过渡)
一、HTML5新特性 概述 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。 1 语义化标签 (★★) 以前布局,我们基本用 div 来做。 ......
CSS的基本使用
## 1. 初始css ### 1.1 引入方式 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。有三种: - 行内样式表(在 HTML 元素内部) ```html 学习HTML好简单 ``` - 内部样式表(位于 `` 标签内部) ```html ``` - 外部样式表 ```html ......
HTML语法
## 1. DOCTYPE以及lang - 描述: - ``:是文档类型声明标签,告诉浏览器使用HTML5来渲染。 - `lang`:一般使用en或者zh-CN,告诉搜索引擎,采用什么语言展示。 ## 2. head标签 ### 2.1 设置字符集 - 样式:`` ## 3. body标签 ### ......
VSCode - Replace Tab with 4 Spaces for Go
Check below settings: If got below error message, just run the command: The "goformat" command is not available. Run "go install -v winterdrache.de/go ......
VSCode - Open Settings
Press F1. Input 'Open Settings'. Select 'Open User Settings (JSON)'. Clear the content of the user settings.json, leaving only {}. ......
vue+css: 引用的组件快速改变滚动条样式
在a组件页面内有b组件,b组件产生的滚动条太丑不好看但是又不想改变b组件(b组件公共用的地方很多)又不想专门复制份在此基础上改。 只要在使用的组件上增加css代码即可同时让组件内滚动条生效,原理是因为此滚动条相当于未定义类的当前组件全局。所以可以直接使用并生效 comp.vue <style sco ......
css边框斜角
为实现下面图形形状 <style> .box{width:200px;height:100px;} </style> <div class="box" ></div> 1、利用linear-gradient .box{ background: linear-gradient(135deg, tran ......
vscode c/c++ MinGW/MSYS2 配置文件编写解决中文乱码/找不到dll问题(不设置环境变量)
# vscode c/c++ MinGW/MSYS2 配置文件编写解决中文乱码/找不到dll问题(不设置环境变量) 本文主要是在不设置环境变量的情况下配置vscode并解决常见问题 ## MinGW/MSYS2 安装 [MSYS2](https://www.msys2.org/) 是一个类似于Lin ......
VSCode批量迁移插件
[原文链接](https://mp.weixin.qq.com/s/FCAXfhTW0u7rZQ-PR52CGA) # 设置永不关机 新建一个`vbs`文件,内容如下: ```vbscript Set WshShell = WScript.CreateObject("WScript.Shell") ......
pyton读取gbk格式txt
import os,codecs with codecs.open(path+'\\'+i,'r','utf-8') as f: content = f.read() content = content.encode('utf-8').decode('utf-8') print(content) ......
BLE中LL层的空口包格式
# 空口包基本格式 ![](https://img2023.cnblogs.com/blog/2967398/202306/2967398-20230614153946327-1233732715.png) ## Preamble-前导码 ![](https://img2023.cnblogs.co ......
vs code中Shift+Alt+F 是格式代码,经常不能用的问题
在用vscode编辑代码时经常用到代码格式化的功能,组合键是Shift+Alt+F,经常提示没有支持C语言的插件,但是装了也还提示 以下方法可解决 打开首选项界面,搜索" Default Formatter",然后选择C/C++即可,默认是NULL ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
javabean 格式 乔峰和鸠摩智回合制格斗
对象-设计图 package com.fqs.combat; import java.util.Random; public class Role { private String name; private int blood; public Role() { } public Role(Stri ......
构建简单CMake及vscode调试
main.cpp #include <iostream> int main() { int num_a, num_b; num_a = 10; num_b = 20; std::cout << "num_a = " << num_a << std::endl; std::cout << "num_b ......
HTML页面元素解释
HTML 代表超文本标记语言,是用于在万维网上创建网页和构建其内容的标准标记语言。 HTML 是 Web 开发的支柱,也是创建基于 Web 的文档的基本构建块。让我们快速看一下它是如何工作的。 (更多优质内容:java567.com) HTML 有什么作用? HTML 的主要作用是通过使用一组标签或 ......
CSS动画和过渡的区别
CSS动画和过渡都是用来实现网页元素的动态效果,但它们在实现方式和应用场景上有一些区别。 CSS过渡(CSS Transitions)是在元素状态改变时实现平滑过渡效果的一种机制。过渡通过指定元素的属性变化,使元素从一个状态平滑地过渡到另一个状态。过渡通常用于响应用户操作、交互效果或状态变化,可以控 ......
VSCode - Replace Tab with Spaces
Press F1. Input 'indentation to spaces'. Set a KeyBinding to the command 'Convert Indentation to Spaces': Exit and re-open VSCode to make the setting ......
CSS选择器的优先级和权重。
**定义:CSS选择器的优先级和权重是用来确定当多个选择器应用于同一个元素时,哪个选择器的规则将会生效。以下是CSS选择器优先级和权重的解释:** **CSS选择器的优先级:** 1.内联样式:应用于HTML元素内部的style属性,具有最高的优先级。如 2.ID选择器:通过元素的id属性选择元素, ......
html 中拦截 js 的样式更改
比如拦截 html 标签的 font-size 样式的更改: ... <body> <script> var observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { ......
Log in Leetcode in Vscode With Cookies" #标题
Install leetcode plug-in in vscode It's easy by search in Extension. Log in with cookies If you want to login leetcode in vscode leetcode plug-in by g ......
mysql 异常格式处理 日期格式 去前缀0
STR_TO_DATE( col05, '%Y%m%d' ) col05 DATE_FORMAT(date,'%Y%m%d') 例如(2023-01-01),DATE_FORMAT(‘2023-01-01’,'%Y%m%d'),得20230101 前一天一周一月等 date_sub(date ,in ......
CSS常用属性
## 颜色 1. **RGB** (红,绿,蓝)三种颜色的集合,最低值是0(十六进制00)到最高值255(十六进制FF) 2. **HSL** H色相(0-360),S饱和度(百分比),L亮度(百分比) 3. (不)透明度 **rgba、hsla** (新版浏览器可不写a,直接写4个值) ## li ......
用纯HTML,JS,CSS实现横向滚动标签页
### 前言 前不久,在我的一个项目中,需要展示一个横向滚动的标签页,它支持鼠标横向拖动和点击切换。在实现的过程中,我发现这个小功能需要同时用到前端的三辆马车,但是实现难度不高,而且最终效果还不错,是个难得的初学者项目,于是萌生了写这篇文章的想法,希望对初学者有所帮助。同时为了避免初学者学习框架,我 ......
HTML
## hypertext markup language 超文本标记语言 ## w3c是什么 Web技术领域最具权威和影响力的国际中立性技术标准机构。 ``` w3c标准: 结构化标准语言(HTML、XML) 表现标准语言(CSS) 行为标准(DOM、ECMAScript) ``` ## HTML结 ......
VMWare+Ubuntu+VsCode+C环境配置
昨天整个流程走了四次,我现在已经是虚拟机战士了TT 一、下载VMWare Station,打开一个新虚拟机,网络设置选NAT 二、到Ubuntu官网下载iso映像文件,虚拟机就使用这个映像。 建议到官网下载最新版本22.04LTS,我用旧版本老是各种出错!!! Ubuntu系统下载 | Ubuntu ......
HTML一键打包EXE工具1.9.9发布 (包含最新版下载地址)
HTML一键打包EXE工具(HTML封装EXE,桌件)是一款能将任意HTML项目(网址)打包为单个EXE文件的工具,无需依赖浏览器和服务器,直接双击即可运行。该工具支持多种HTML项目类型,包括KRPano全景VR项目,WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV Mak ......
CSS中常见的场景实现
## 如何实现两栏布局 实现两栏布局一般指的是左边固定,右边自适应,这里给出几个案例给大家参考 ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6ba3f53026e842dfa8690e286bf6c690~tplv-k ......
在使用VScode编辑器vue开发过程中,v-for在Eslint的规则检查下出现报错:Elements in iteration expect to have ‘v-bind:key’ directives
报错如下: 该怎么解决呢? 现在说说解决他的两种方法: 1.直接在v-for循环后面绑定一个属性,跟前面需要循环的属性一一对应,截图如下: 2.在vscode中去掉Eslint规则检查,具体操作截图如下: 文件–》首选项–》设置–》在搜索框中输入:vetur.validation.template, ......