格式vscode html css
HTML5--H5新增标签
H5之前，使用div容器元素进行页面定义布局 ``` <div id="header"></div><div id="nav"></div><div id="article"><div id="section"></div></div><div id="aside"></div><div id="f ......
HTML5--块元素和内联元素
块元素内联元素（行内元素） 在页面中独占一行，自上向下排列 不独占一行，只占自身大小 可以设置width, height属性 设置width, height属性无效 包含内联元素和其他块元素 包含其他内联元素，不包含块元素 常见块元素：div, form, h1~h6, hr, p, table, ......
HTML5--基础标签
常用基础标签 标题 <h></h> 段落 <p></p> 换行 <br/> 水平线 <hr width="" size="" align="" color=""/> 图片 <img src="" alt="" title="" width="" height=""/> alt：替代图片的文本 tit ......
转（zip文件格式说明）
zip文件由三部分组成：压缩的文件内容源数据、压缩的目录源数据、目录结束标识结构 1、 压缩的文件内容源数据： 记录着压缩的所有文件的内容信息，其数据组织结构是对于每个文件都由file header 、file data、data descriptor三部分组成。 1）File header：用于标 ......
js格式化时间
let timeFormatSeconds = function(time) { let d = time ? new Date(time) : new Date(); let year = d.getFullYear(); let month = d.getMonth() + 1; let day ......
贴一个HTML版2048
憔悴，发现自己回来后一直用的是妈妈的染头膏刷牙 HTML文件 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>网页版2048游戏</title> 6 <style> 7 /* 游戏棋盘格 */ 8 body{ ......
CSS基础-背景
# 背景 ### **background-color** 背景颜色， 可以使用十六进制、rgb、rgba表示。 **语法** ```css /**selector 背景元素的原则去*/ /** color 背景颜色的值， 可以是 颜色名称、十六进制值、RGB、RGBA*/ selector { b ......
ubtun中安装vscode
vscode的linux版本安装 Visual Studio Code snap 软件包由微软来进行分发和维护。 Snaps 是一种自包含的软件包，它包含需要运行这个应用所有的依赖。 Snap 软件包容易升级，并且非常安全。和标准的 deb 软件包不同，snaps 需要占用更大的磁盘空间，和 更长的 ......
Tips: How to Get the Currently Selected HTML Content in Major Browsers
```js function getSelectionHtml() { const sel = window.getSelection(); if (sel.rangeCount) { var container = document.createElement("div"); for (var i ......
html与css——响应式设计
早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive web design，RWD） ......
初入前端-CSS（1）
## CSS ### CSS介绍 CSS (Cascading Style Sheets) 是一种用于描述网页样式和布局的样式表语言。它与 HTML 配合使用，用于控制网页中元素的外观和排版。 CSS 样式由选择器和声明块组成。选择器指定要应用样式的 HTML 元素，而声明块包含一个或多个属性-值对 ......
初入前端-CSS（2）
#### 盒模型 盒模型（Box Model）是CSS中用于布局和定位元素的基本概念之一。它描述了一个元素在页面中所占据的空间，并定义了元素的内容、内边距、边框和外边距之间的关系。 盒模型由以下四个部分组成： 1. 内容区域（Content）：指的是元素的实际内容，例如文本、图像等。 2. 内边距（ ......
HTML01
## HTML简介 ### 什么是HTML？ HTML是用来描述网页的一种语言。 - HTML指的是超文本标记语言(**H**yper **T**ext **M**arkup **L**anguage) - HTML不是一种编程语言，而是一种**标记语言**(markup language) - 标 ......
html和css入门
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签是由尖括号包围的关键词，比如 ......
初入前端-HTML
## HTML ### HTML历史 HTML（Hypertext Markup Language）的历史可以追溯到上世纪90年代初，以下是HTML的主要历史阶段： 1. HTML 1.0：在1991年发布，是HTML的最初版本，用于创建基本的文本和链接结构，但功能有限。 2. HTML 2.0：于 ......
Nginx配置搭建m3u8格式的视频播放服务
本文采用Nginx+FFmpeg来进行m3u8格式的视频播放服务 FFmpeg概念介绍 FFmpeg是一个开源的计算机程序，可以用来记录、转换、编辑和流化数字音频和视频。FFmpeg的名称来自MPEG视频编码标准，前面的“FF”代表“Fast Forward”。FFmpeg既是一个程序库，也是一个命 ......
html测试报告没内容，怎么办？
接上一篇， 好容易运行之后生成了测试报告report.html，可是一看文件大小，竟然是0kb，顿觉不妙，用浏览器打开一看，竟然是空白的，没内容。 赶紧看报错信息，不是很明白，大概是说需要的是二进制信息，而提供的是字符串格式，没有办法write方法写入。 火急火燎的百度报错信息，有说把open的文件 ......
通过CSS样式缩放图片导致图片模糊的解决方案
在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略 ......
C# Visual Studio 一键整理实体类里的get set格式
多人开发中，很难保证大家的审美都一样 有的人喜欢下面这样， public string Name { get; set; } 有的人喜欢这样， public string Name { get; set; } 那么怎样一键让所有这些变成下面那样呢 public string Name { get; ......
索尼A7S3拍摄后文件变成RSV格式修复成功
故障原因： 客户录制访谈视频长时间拍摄后，其中一段录制半小时内容视频发现变成.RSV结尾的文件，并不是正常该有的MP4文件格式。 分析过程：这种一般常见于索尼机器录制断电后生成的文件，通过分析文件底层视频写入成功的，但是封装信息丢失，客户通过网盘发送后完美修复损坏RSV文件， 【友情提醒】出现问题后 ......
DTC标准故障码格式解析
DTC(Diagnostic Trouble Code)表示诊断故障码，是故障类型的"身份ID"；用于汽车故障时对故障部位及原因的排查。其格式如下： | DTCHighByte(Hex) | DTCMiddleByte(Hex) | DTCLowByte(Hex) | | | | | 1、故障内码与 ......
JavaScript 格式化时间
function formatDate(date) { /** * 格式化日期 * @param {Date|String} date 日期或日期字符串 */ function _isString(val) { return Object.prototype.toString.call(val) ' ......
python将excel中的数据写入固定的word格式中
```python from openpyxl import load_workbook from docx import Document import datetime from datetime import datetime as datet wb = load_workbook("收集表. ......
使用vue cli 5.0 在vscode中运行vue命令报错
1、运行 vue -- version 报错 2、在cmd 命令行 执行 vue --version 正常 3、在终端中输入 get-ExecutionPolicy，查看当前权限 4、执行 set-executionpolicy remotesigned 命令设置为可用模式，但是报错 5、使用管理员 ......
css实现空心三角形
<div class="triangle"></div> .triangle { width: 0; height: 0; border-style:solid; border-width: 0 8px 15px; border-color: transparent transparent #568 ......
CSS文字换行之word-wrap和word-break的区别
CSS文字换行之word-wrap和word-break的区别 word-wrap：break-word； word-break：break-all； 这两种都可以，区别在于英文场景中，当一个英文单词的长度超过了父级容器长度时，word-wrap：break-word没什么用，word-break： ......
自用gulp打包脚本，压缩html，压缩js，压缩css，压缩图片，功能齐全
const gulp = require('gulp'); const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
inotifywait 监控文件修改实时格式化文件
我们在学习 laravel 过程中，从文档网页复制代码，会有一些比较麻烦的问题。以 《Laravel 10 中文文档》 | Laravel China 社区 (learnku.com) 为例 直接点复制按钮会带后，想测试的代码的话，还有处理 use 语句 选中复制时，网站会向剪贴板追加来源信息，还得 ......
HTML-学成在线
学成在线案例，头部导航栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti ......
coco数据格式介绍
## cocodataset ### 简介 https://cocodataset.org/ COCO数据集是一个可用于图像检测（image detection），语义分割（semantic segmentation）和图像标题生成（image captioning）的大规模数据集。它有超过330K ......