字体 常用css
CSS3-页面布局基础一
一、CSS概要 web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职 ......
常用的entrypoint.sh使用示例
python FastAPI 中可以使用的 entrypoint.sh 示例，其他语言写的代码也可以参考，思路类似。 #!/bin/bash set -e if [ ! -v PORT ]; then PORT="8000" fi if [ ! -v HOST ]; then HOST='0.0.0 ......
第九篇 css - css3 新特性总结 - 【选择器 + 新样式 + 颜色渐变 + 动画 + 布局】
选择器 属性选择器 1、[attr]：选择包含 attr 属性的标签 2、[attr=value]：选择 attr 属性值为 value 的标签 3、[attr^=value]：选择 attr 属性值以 value 开头的标签 4、[attr*=value]：选择 attr 属性值包含 value ......
第十篇 css - 盒子 - 【 盒子模型 + 盒子属性 + 盒子背景样式 + 盒子边框样式 + 盒子居中 】
盒子模型概述 1、概念 浏览器会根据 CSS 基础框盒模型（CSS basic box model），将元素表示成矩形的盒子，CSS 决定这些盒子的大小、位置以及属性 2、盒子组成 每个盒子由 四 个区域组成 1、内容区域 content area 2、内边距区域 padding area 3、边框 ......
第八篇 css - 布局 - 【 浮动布局 + 定位布局 + flex 伸缩盒布局 + grid 网格布局 】
普通流 文档流 流式布局 分为 1、普通流 2、定位流 3、浮动流 不同流内的 块级元素 和 行内元素 的 布局方式 不同 布局方式用 FC 格式化上下文 来命名 1、块级格式化上下文 【 BFC 】 2、内联格式化上下文 3、层叠格式化上下文 4、灵活格式化上下文 块级格式化上下文 BFC 什么是 ......
第七篇 css - 样式 - 【 列表样式 + 表格样式 + 其他样式 】
列表样式 1、list-style-type 2、list-style-position 3、list-style-image 列表样式解析 1、html 有三种类型的列表 1、无序列表 2、有序列表 3、自定义列表 2、设置列表标记有 序号 圆点 圆圈 图片 ... 3、list-style 简写 ......
第六篇 css - 样式 - 【 字体样式 + 文本样式 】
字体样式 1、color 2、font-size 3、font-family 4、font-style 5、font-weight 字体样式解析 1、font-family 该属性用于设置字体 1、网页中常用的字体有宋体、微软雅黑、黑体等 如果字体名中包含 空格、#、$ 等符号，则该字体必须加英文状 ......
第一篇 css - 基础 - 【 概述 + 应用 + 语法 + css 知识体系 】
css 概述 1、什么是 css css 即 层叠样式表 【 英文全称：Cascading Style Sheets 】 css 是一种用来表现 HTML 或 XML 等文件样式的计算机语言 CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化 2、网页组成 CSS 是 ......
第四篇 css - 基础 - 颜色
颜色基本概述 1、颜色 颜色是指不能透过其他颜色的混合调配而得出的“基本色”，以不同比例将原色混合可以产生出其它的新颜色。 由于人类肉眼有 三种 不同颜色的感光体，因此所见的色彩空间通常可以由 三种 基本色所表达，这三种颜色被称为“三原色” 一般来说叠加型的三原色是 红色、绿色、蓝色 又称三基色，用 ......
第五篇 css - 单位值
css 单位 css 单位主要分为 1、相对单位 2、绝对单位 相对单位 相对单位，是相对于当前元素的字号 font-size 或者视口 viewport 尺寸。 1、em: 1em 与当前元素的字体大小相同（更具体地说，一个大写字母 M 的宽度） CSS 样式被应用之前，浏览器给网页设置的 默认基 ......
第三篇 css - 优先级 - 【 级联 和 继承 】
概述 CSS样式优先级分为 两 大类 1、级联 2、继承 级联 CSS 级联 规则决定了 样式冲突 时 胜出 的样式，这 三条 规则按照优先级 从高到低 分别为 1、样式表来源 2、选择器优先级 3、代码顺序 样式表来源 优先级最高 如果来源一致，那么取决于 选择器 优先级（行内样式归纳到选择器这一 ......
第二篇 css - 选择器 - 【 基础选择器 + 组合选择器 + 伪类选择器 + 伪元素选择器 】
css 选择器分类 一、基础选择器 1、ID 选择器 2、类选择器 3、通配符选择器 4、标签选择器 5、属性选择器 二、组合选择器 1、后代选择器 2、元素选择器 3、相邻兄弟选择器 4、通用兄弟选择器 5、交集选择器 6、并集选择器 三、伪类选择器 1、标记状态的伪类 2、筛选功能的伪类 四、伪 ......
常用操作系统命令
常用Windows命令 ifconfig /all 获取获取域名、IP地址、DHCP服务器、网关、MAC地址、主机名 net time /domain 查看域名、时间 net view /domain 查看域内所有共享 net view ip 查看对方局域网内开启了哪些共享 net config w ......
常用端口及弱口令信息
web类(web漏洞/敏感目录) 第三方通用组件漏洞struts thinkphp jboss ganglia zabbix 80 web 80-89 web 8000-9090 web 数据库类(扫描弱口令) 1433 MSSQL 1521 Oracle 3306 MySQL 5432 Postg ......
常用设计模式
1、设计模式简介 什么是模式？ 有一些问题及其解决方案不断变换面孔重复出现，在这些不同的面孔后面是共同的本质；这些共同的本质就是模式。 设计模式是特定开发场景下针对特定问题的一种解决方案。 创建型模式解决的问题就是如何创建对象，何时创建对象，它努力的让代码不要太多的关注对象的具体类型，不用关注对象的 ......
ES5 类 组合使用构造函数模式与原型模式（最常用）
组合使用构造函数模式与原型模式（最常用） function Person(name, age){ this.name = name; this.age = age; } Person.prototype.sayName = function(){ console.log(`My name is ${ ......
伪元素和CSS类
伪元素可以结合CSS类： p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p>https://www.lekaowang.com/cjhjs/zx/ksdg/ 上面的例子会使所有 class 为 article 的段落 ......
CSS - :before 伪元素
":before" 伪元素可以在元素的内容前面插入新内容。 下面的例子在每个 <h1>元素前面插入一幅图片： 实例 h1:before { content:url(smiley.gif); } https://www.lekaowang.com/jjcy/dgw/aesh/ 翻译 搜索 复制 ......
电脑常用快捷键学习
电脑常用快捷键学习 键盘功能键 tab shift+delete回车右面的件是永久删除文件 ctrl+c选中复制+v粘贴+a全部选中+x剪贴+z撤销+s保存+shift+esc键是任务管理器 alt+F4关闭窗口 空格 enter window+r弹出运行比如cmd命令窗口+e可以打开我的电脑+ta ......
常用编码格式
页面编码 在网页设置网页编码 在<head></head>中加入设置特定html标签<meta charset="utf-8" />这样页面的编码就会变成utf-8 ，如果没有设置编码就会使用默认的编码，而浏览器默认编码与之不同就会出现乱码。 常用的有三种格式分别是 utf-8、gbk、gbk231 ......
常用js类库
UI类库 bootstrap https://v5.bootcss.com/ layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。 https://layuion.com/ jqueryUI 包 ......
logback.xml常用配置详解
Logback最常用就是在/src/main/resource/文件夹下的logback.xml文件中。，从而对日志进行配置输出。logback主要包含三个组成部分：Loggers（日志记录器）、Appenders（输出目的在）、Layouts（日志输出格式） 下面就是一个常用的日志配置模版，下面就 ......
[CSS]浅记录两种弹窗属性
自用笔记。考虑到不同页面的需求不同，弹窗的属性可能不同。 常规弹窗，采用fixed居中样式： .pup_f position fixed top 0px width 1080px // 页面宽度 height 1920px // 页面高度 background-color rgba(0, 0, 0, ......
分享一些大屏可视化也许有用的css技巧
分享一些大屏可视化也许有用的css技巧 - 掘金 (juejin.cn) 可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。 1、带蒙版的刻度镜头旋转效果 比如下面这种刻度 目的是实现镜头旋转时，上半部和下半部的刻度逐渐消 ......
几段纯 CSS 代码实现的 漂亮边框效果
半透明边框 border:10px solid hsla(0, 0%, 100%,.5); background-clip:padding-box; 缝边效果 outline: 1px white dashed; outline-offset:-10px; border-radius:4%; bac ......
linux shell基础--终端显示字体背景和字体颜色\033[0;30m
ANSI标准 ANSI标准规定了一种所有终端共享的指令集，并要求用ASCII的数字字符传递所有数值信息，用于控制linux终端上的光标位置、颜色和其他选项。在文本中嵌入确定的字节序列，大部分以ESC转义字符和"["字符开始，终端会把这些字节序列解释为相应的指令，而不是普通的字符编码。终端颜色就是AN ......
VisualStdio2022使用JetBrainsMono字体
背景 听说这个字体是最方便程序员的，那么为了追赶潮流我也理当试试。 第一步：下载与安装 下载【官网】JetBrains Mono: A free and open source typeface for 第二步：解压->进入到ttf文件夹中 第三步：Ctrl+A->右键->安装 第四步：VS2022 ......
了解下RTOS 最常用的一种扩展— AT 设备包
导读 RTOS 是一个开源的嵌入式设备操作系统，由 RT-Thread 开发。它为开发者提供了标准化的、友好的基础架构，开发者可以基于各种设备编写代码，它包含大量有用的类库和工具包，使开发过程更加便捷。 RTOS 使用的是模块方式，以便于扩展，这一点跟 Linux 类似。各种软件包可以让开发者将 R ......
问题1：CSS布局方式有哪些？
CSS常见的布局方式包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等。 1.弹性布局：总体宽度及其中所有栏的值都以单位编写。这应使布局能够使用浏览器的指定基本字体大小缩放。 栏宽度将变得更宽, 能以任何大小显示更舒适、更可读的行长度。 2.固定布局：总体宽度及其中所有栏的值都以像素单位编写 ......
常用的linux操作命令
1、查看docker容器里面部署了哪些微服务的命令； docker ps 2、查看某台机器上面防火墙开通了哪些端口； firewall-cmd --list-all 3、开启防火墙端口； 1）添加9009端口； firewall-cmd --zone=public --add-port=9009/t ......