格式vscode html css

第五篇 css - 单位值

css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位,是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同(更具体地说,一个大写字母 M 的宽度) CSS 样式被应用之前,浏览器给网页设置的 默认基 ......
单位 css

第三篇 css - 优先级 - 【 级联 和 继承 】

概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式,这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致,那么取决于 选择器 优先级(行内样式归纳到选择器这一 ......
优先级 css

第二篇 css - 选择器 - 【 基础选择器 + 组合选择器 + 伪类选择器 + 伪元素选择器 】

css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 ......
元素 基础 css

第五篇 html5 - 新特性【 网络监听接口 + 全屏接口 】

html5 新增 网络监听接口 1、online 2、offline online 网络联通的时候触发这个事件 window.addEventListener("online", function () { console.log( "连接上网络了!" ) }) offline 网络断开的手触发这个 ......
接口 特性 html5 网络 html

第四篇 html5 - 新特性【 Dom操作类 + 自定义标签属性 】

html5 新增 Dom 操作类 1、classList 当前元素的所有样式列表 2、add() 添加类 3、remove() 删除类 4、toggle() 有就移出,没有就添加 5、contains() 是否包含某个类,包含返回 true,没有包含返回 false 6、item(n) 查看此项的第 ......
属性 特性 标签 html5 html

第三篇 html5 - 新特性【语义化标签 + 增强型表单 + 音频视频】

语义化标签 语义化标签概述 1、清晰易读 2、有利于SEO,方便搜索引擎识别页面结构 3、方便设备解析、比如盲人阅读 | 标签 | 特性 | | | | | header | 定义文档头部区域,一般用在头部 | | section | 定义文档中的一块区域,替代 div 布局 | | nav | 定 ......
增强型 语义 音频视频 表单 特性

第二篇 html - 【 HTML5 基本概念 + 规则 + 兼容性 】

HTML5基本概念 1、HTML5 并不是新的语言,而是HTML语言的第五次重大修改 2、支持 所有的主流浏览器(Chrome,Firefox,Safari),IE9 及其以上支持 HTML5,但是 IE8 及其以下不支持 HTML5 3、改变了用户与文档的交互方式:多媒体 【 video,audi ......
兼容性 概念 规则 HTML5 html

第一篇 html - 基础 - 【 发展史 + 概述 】

html 发展史 1、HTML 1.0 (HTML/HTML+)超文本标记语言(第一版) ——在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准) 2、HTML 2.0 —— 1995年11月 作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 ......
发展史 基础 html

解决vscode由于sys.path.insert(0, './utils/')导致无法转定义问题

由于代码用到了当前utils文件夹下的文件里面函数。 from xml_utils import load_xml_and_parse_new 这里xml_utils是utils文件夹下的xml_utils.py。 然后无法转定义很是麻烦,搞了半天没找到方法,然后当我把鼠标放在波浪号上面的时候会显示 ......
vscode insert 问题 utils path

伪元素和CSS类

伪元素可以结合CSS类: p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p>https://www.lekaowang.com/cjhjs/zx/ksdg/ 上面的例子会使所有 class 为 article 的段落 ......
元素 CSS

CSS - :before 伪元素

":before" 伪元素可以在元素的内容前面插入新内容。 下面的例子在每个 <h1>元素前面插入一幅图片: 实例 h1:before { content:url(smiley.gif); } https://www.lekaowang.com/jjcy/dgw/aesh/ 翻译 搜索 复制 ......
元素 before CSS

常用编码格式

页面编码 在网页设置网页编码 在<head></head>中加入设置特定html标签<meta charset="utf-8" />这样页面的编码就会变成utf-8 ,如果没有设置编码就会使用默认的编码,而浏览器默认编码与之不同就会出现乱码。 常用的有三种格式分别是 utf-8、gbk、gbk231 ......
编码 常用 格式

[CSS]浅记录两种弹窗属性

自用笔记。考虑到不同页面的需求不同,弹窗的属性可能不同。 常规弹窗,采用fixed居中样式: .pup_f position fixed top 0px width 1080px // 页面宽度 height 1920px // 页面高度 background-color rgba(0, 0, 0, ......
属性 CSS

分享一些大屏可视化也许有用的css技巧

分享一些大屏可视化也许有用的css技巧 - 掘金 (juejin.cn) 可视化大屏基本就是数据可视化,主题多为科技感为主。下面分享一些也许对你有用的css效果,都是比较简单的,如果后面有别的还会更新。 1、带蒙版的刻度镜头旋转效果 比如下面这种刻度 目的是实现镜头旋转时,上半部和下半部的刻度逐渐消 ......
大屏 有用 技巧 css

几段纯 CSS 代码实现的 漂亮边框效果

半透明边框 border:10px solid hsla(0, 0%, 100%,.5); background-clip:padding-box; 缝边效果 outline: 1px white dashed; outline-offset:-10px; border-radius:4%; bac ......
边框 效果 代码 CSS

【android】%1$s %1$d Android string (java & Android 格式化字符串)

1$s // String%1$d // int //R.string.old:<string name="old">我今年%1$d岁了</string> String sAgeFormat = getResources().getString(R.string.old);String sFinal ......
Android 字符串 字符 android 格式

问题1:CSS布局方式有哪些?

CSS常见的布局方式包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等。 1.弹性布局:总体宽度及其中所有栏的值都以单位编写。这应使布局能够使用浏览器的指定基本字体大小缩放。 栏宽度将变得更宽, 能以任何大小显示更舒适、更可读的行长度。 2.固定布局:总体宽度及其中所有栏的值都以像素单位编写 ......
布局 方式 问题 CSS

SpringBoot中yml格式配置文件关于数据库密码的读取

问题? MySQL连接不到数据库说是密码错误 分析 密码明明输入的是0127,为什么打印的时候会是87呢? 如果使用yml格式的配置文件int类型数据它只支持二进制、八进制、十六进制,恰逢改密码又以0开头各个位数<8,所有会将其解析为二进制 解决 将password的值加上引号 接收参数时候将Str ......
SpringBoot 密码 格式 数据库 文件

vscode中emmet语法让行内标签自动换行

在VSCode中在使用emmet插件生成注入a* 5或 span*5,生成多个行内标签时,不会自动换行,对块标签则会自动换行,例如:div*5,如何解决行内元素自动换行呢?解决方法如下: 1、打开“文件”->“首选项”->“设置”,在设置界面上面的搜索框中输入“Syntax Profiles” 2、 ......
语法 标签 vscode emmet

CSS之伪类选择器,属性选择器

一.结构伪类选择器 伪类选择器一般的格式是使用冒号来表示 : 一般其它的伪类选择器很少使用,但是a标签的个性化都是使用的伪类选择器来个性化,所以对于a标签的个性化需要用到 代码解释: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
属性 CSS

设置VSCode 中文

设置中文VSCode 启动VSCode,然后按Ctrl + Shift + P打开命令调试板, 然后输入“Configure Display Language”,选择并按下Enter键,会打开一个locale.json文件。 将文件中的配置项修改为"locale":"zh-cn",并且保存修改。 接 ......
VSCode

使用VSCode远程调试MySQL

源码编译安装MySQL Debug版本 安装依赖包 ## 5.7 yum -y install ncurses-devel bison openssl-devel cmake centos-release-scl devtoolset-7 scl enable devtoolset-7 bash # ......
VSCode MySQL

字符串格式化f-string用法

字符串格式化f-string用法 一、前言 f-string——格式化字符串常量(formatted string literals), Python3.6新引入的一种字符串格式化方法. 形式上是以f或F修饰符引领的字符串(f'xxx' 或 F'xxx'), 以大括号{}标明被替换的字段; 本质上并 ......
字符串 字符 f-string 格式 string

格式 不换行和tab

''' 不换行 \t 补tab键 ''' print("原始效果:") print("hello") print("world") print("更新后的 不换行效果:") print("hello",end="") print("world") print("原始效果:") print("hell ......
格式 tab

IDEA 如何优雅的格式化代码

快速格式化 格式化代码是一个好习惯. IDEA 提供了快速格式化的功能. 快捷键为: Alt + Ctrl + L. 设置格式化范围 但是很多人不愿意使用这个快捷键, 因为害怕这样会格式化其他人写的代码. 实际上 duck 不必害怕, 因为 IDEA 早就为你想到了这一点 我们阔以通过设置格式化范围 ......
代码 格式 IDEA

【代码格式规范】eslint和prettier

配置eslint 执行安装命令 pnpm add eslint -D 执行eslint初始化命令 pnpm eslint --init (1) How would you like to use ESLint? (你想如何使用ESLint?) 选择:To check syntax and find ......
prettier 代码 格式 eslint

CSS学习笔记

CSS学习笔记 vertical-align vertical-align 属性设置元素的垂直对齐方式。 css中的vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和表单输入框) ,此属性不继承。 vertical-align的取值:baseline|sub|super ......
笔记 CSS

使用Net将HTML简历导出为PDF格式

现在有许多将HTML导出PDF的第三方包,这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来,然后再转为Pdf文档 读取cshtml内容有两种方法,第一种使用第三方包 RazorEngine.Ne ......
简历 格式 HTML Net PDF

Python基本知识(编程语言、数据类型、变量与常量、运算符、格式化输出以及解释器)

什么是编程语言? 编程语言是人类与计算机之间交流的媒介,如Python、go、Java、c语言等等。 什么是编程? 程序员将自己的逻辑和想法用计算机能够读懂的语言写下来的过程。编程结果是产生一对文件。 Python的八大数据类型概览 1. 字符串string(用来存放文本) # 有四种表现形式 na ......

CSS in JS (JSS)

JSS 是什么 简单来说,一句话概括CSS in JS (JSS),就是"行内样式"(inline style)和"行内脚本"(inline script)。 因为,自从React出现以后,基于组件化的要求,强制把HTML、CSS、JavaScript捆绑在一起,在同一个文件里面,封装了结构、样式、 ......
CSS JSS in JS