格式vscode html css
[CSS] Easy dark or light mode
You only require a few lines of CSS to enable a dark/light mode on your website. You just need to let browsers know that your website can display corr ......
[CSS] Select text with one click
This trick is inclined towards improving copy and paste experience for website users. Using user-select: all, you can enable easy text selection with ......
[CSS] Counters
You don't have to get stuck on how the browser renders a numbered list. You can implement your own design utilizing counters(). Here's how: ul { margi ......
[CSS] Serve optimized images
Try throttling to a slow internet in the browser Dev tools and visit a website made up of HD images like unsplash. That's how to experience the pain o ......
[CSS] Using `inset` to replace `top, right, bottom, left`
When working with positioned elements, you often write code like this: .some-element { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thi ......
[CSS] Truncate long text to a number of lines
p.intro { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* Truncate when no. of lines exceed 3 */ overflow: ......
将json格式的数据快速转换为excel，使用在线工具轻松搞定
标准的json数据是可以转成excel表格方便阅读的，excel是行列的数据表格也可以转换成json格式数据。 https://uutool.cn/json2excel/ 只要把需要转换的json复制到工具框内,点击转换按钮即可秒转成excel文件。 本篇文章如有帮助到您，请给「翎野君」点个赞，感谢 ......
CSS
[TOC] # css介绍 ```python css介绍：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 css实例：每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 ''' 思考:页面都是由HTML构成的 并且页面上有很多相同 ......
关于格式化输入输出
提醒自己一下...水一篇 ``` %g 浮点数舍去末尾0 %nd 以n字符宽度输出整数，宽度不足时用空格补充，n为负数时左对齐，否则右对齐 %0nd 以n字符宽度输出整数，宽度不足时用0补充 %.nlf 输出浮点数，精确到小数点后n位 ``` ......
Windows下将“使用VSCode打开”添加至右键菜单“
Windows下将“使用VSCode打开”添加至右键菜单" 本文转载自 Windows下将“使用VSCode打开”添加至右键菜单"，特此记录收藏一下。问题：Windows上面安装Visual Studio Code编辑器后,常常会因为安装的时候忘记勾选等原因,没有将Open with Code(右键 ......
CocosCreator + Vscode + Ts 代码注释生成文档，利用typedoc
需求： 脚本的代码注释，生成为文档 基本搭建环境： （cocoscreator 2.4.x + vscode + ts） 、（nodejs + npm) 步骤： 1、安装typedoc： ` npm install -g typedoc` 2、项目根目录添加/创建 typedoc.json 文件 3 ......
Shell 和 命令行格式
一.shell 1）bash bash是linux里面默认的shell程序 位于/bin/bash 2）shell与内、外部命令 1.shell分为内部命令和外部命令，一般先执行内部命令，hash再执行外部命令 2.内外部命令的区别 内部命令 外部命令 集成于shell解释器程序内部的一些特殊指令， ......
nuxt项目如何在路由地址上添加.html后缀？
export default { // ... router: { extendRoutes(routes, resolve) { routes.push({ name: 'test-id-html', path: '/test/:id.html', component: resolve(__dir ......
伪类选择器、伪元素选择器、选择器的优先级、css属性相关
伪类选择器 <style> a:link{ color: blue; /*未访问显示连接*/ } a:hover{ color: black; /*鼠标移到上面显示*/ } a:active{ color: aliceblue; /* 左键选定的链接 */ } a:visited{ color: a ......
记一次<!DOCTYPE html>引起的height100%总是屏幕高度，layui弹框top值很大超出屏幕问题
不管父元素有没有指定高度，只要有height:100% 高度就是是九百多，我屏幕的高度或者浏览器可显示区域高度 最先是swiper区域控制不了高度一致九百多，后来发现layui的checkbox span文字高度也是九百多，两个地方均有height100% layui msg 无法显示，查看源代码 ......
自学前端-HTML5+CSS-综合案例一-热词
# 综合案例一-热词 [TOC] 设计图如下  ## 1、设计需求 ①需要鼠标放上去有显示透明 ②需要点击后跳转到相应页面且保留原页面 ## 2、设计所需标 ......
CSS
## CSS CSS:层叠样式表 #就是给HTML增加样式的，让其变得更加美观 ### 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } ## CSS的注释语法 /* 内容 */ # 快捷键：ctrl + ？ ## css的引入方式 1 ......
要在HTML中让文字居中，可以使用CSS样式来设置文本的对齐方式
以下是几种常见的居中文本的方法： 1. 使用 `text-align: center;` CSS样式: 这个方法适用于将文本居中对齐在其父元素内。可以将 `text-align: center;` 应用于父元素，这将使其内部的所有文本内容都居中对齐。 示例代码： ```html 居中对齐的文本 `` ......
U813.0账套间单据格式模版复制导入导出后修复问题
场景：我们使用账套实施工具导出模型，然后再登陆需要更新账套导入模型，如果该模型为UAP设置，此时会显示导入成功，但单据格式中无法查看导入的单据模版。 进行如下操作： 1--从其他正常账套导入模版： UFDATA_102_2022.dbo 这里需要换为你自己的账套 同样，条件内表单名也需要更换为自己的 ......
html 学习 day3 css 的层叠 父子size 的继承
今天遇到一个问题， css 的父子继承关系在一种case 下不生效。 ：子节点 无法 继承 父节点的 width 和 height 的设定 下面代码的原始版本 img 无法继承 div 的 宽和高的设定。 当 img 的 css 设定为： img { height: 100%; width: 100 ......
HTML | HTML简介
### 什么是 HTML **全称：**HyperText Markup Language（超文本标记语言），专门用来设计和编辑网页。HTML 不是编程语言，没有逻辑处理能力，没有计算能力，不能动态地生成内容，而只能静态地展示网页信息。 **超文本：**暂且简单理解为 “超级的文本”，和普通文本比， ......
前端三剑客之CSS
一、CSS介绍 1、CSS（层叠样式表，Cascading Style Sheets） 是一种用于描述网页内容（HTML或XML等）外观样式的标记语言。它是一种样式表语言，用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。 2、css学习步骤 先学习选择器，作用就是如何找到标签 找 ......
vscode import 点击ctrl + 右键 进入当前文件
项目根目录： jsconfig.json ``` import importTable from "./importTable";//.vue点击不进去，.js可以点击进去，需要带上./importTable.vue { "compilerOptions": { "target": "es6", " ......
sublime添加GBK编码格式
1.背景 2.步骤 Tools（工具） > Install Package Control...（安装控制包） 点击执行完成后继续下一步: 点击Package Control，随后搜索Install Package并点击，如下图 再在弹出的搜索框中输入conver，找到conver ToUTF8并安 ......
伪类选择器，伪元素选择器，选择器的优先级，CSS属性相关
### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
uniapp专栏 —— vscode报错 'uni' is not defined.
## 写在前面 这些内容基于通过cli搭建的uniapp项目，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 uni是一个全局变量，但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 ......
【Tips】克隆网站为单个HTML文件、将一个完整的页面保存到单个 HTML 文件中
Project on GitHub: https://github.com/gildas-lormeau/SingleFile Chrome插件市场 https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjde ......
CSS透视与Z轴
一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼睛，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 ......
css将多余的字变成...
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......