字体 常用css
CSS2.1规范笔记——9.6 绝对定位
绝对定位 绝对定位模型中,盒相对其包含块偏移,它会从常规流中全部移除(不会影响后面的兄弟)。绝对定位的盒会为常规流中的子级和绝对(不包括fixed)定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容(或者被它们自身遮住),取决于重叠盒的堆叠层级(st ......
CSS2.1规范笔记——9.7 分层展示
分层展示 z-index属性 该属性指定了: 当前堆叠上限爱问(stacking context)中,该盒的堆叠层级(stack level); 该盒是否应该建立一个堆叠上下文; 该属性的取值为: <integer>:是生成盒当前堆叠上下文中的堆叠层级,该盒还会建立一个新的堆叠上下文。 auto:生 ......
CSS2.1规范——9.3 定位方案
定位方案 三种定位方案及其优先级 css2.1中,一个盒可能会根据三种定位方案来布局: 常规流:包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动:在浮动模型中,盒先根据常规流来放置,然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动(盒)的一侧排列。 绝 ......
CSS2.1规范笔记——9.4 常规流
常规流 常规流中的盒属于一个FC,可能是BFC或是IFC中的一个。块级盒参与BFC,行内级盒参与IFC。 BFC BFC的产生条件: float:left | right position:absolute | fixed display:inline-block | table-cell | ta ......
CSS2.1规范笔记——9.2 控制盒的生成
控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型: none:此元素不会被显示。 block:此元素将显示为块级元素,此元素前后会带有换行符。 inline:默认。此元素会被显示为内联元素,元素前后没有换行 ......
CSS2.1规范笔记——9.1 视觉格式化模型(视口和包含块)
视觉格式化模型 视觉格式化模型:对于可视化媒体,用户代理怎样处理文档树。在视觉格式化模型中,文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制: 盒尺寸与类型 定位方案(常规流、浮动与绝对定位) 文档树中元素间的关系 外部信息(例如视口大小、图片的固有尺寸等) 本章及下一章中定 ......
CSS2.1规范笔记 - 8.1 盒尺寸
中文链接:http://www.ayqy.net/doc/css2-1/cover.html 英文链接:https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写,当时写在word文档上,今天重温,就搬到博客园上来。 盒尺寸 盒模型的 ......
CSS2.1规范笔记——8.2 外边距与margin合并
外边距 margin取值 <length>:一个固定值 <percentage>:百分比根据当前生成盒的包含块的width来计算。注意,margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素,那么产生的布局在CSS2.1是未定义的。 ......
java中设置字体颜色
在 Java 中,你可以通过使用 java.awt.Color 类来设置字体的颜色。下面是一个简单的示例代码: import java.awt.Color; import java.awt.Font; import javax.swing.JFrame; import javax.swing.JLa ......
我常用的Rust crate备份
### `Cargo.toml` ```rust [package] name = "rust_hello" version = "0.1.0" edition = "2021" # See more keys and their definitions at https://doc.rust-la ......
css基础-精灵图
一张图片包括各种图标,用的时候用background-position对移到对应位置显示对应图标 但是图片放大会失真 图片制作完成后也不方便修改 所以如果小图票,我们可以用字体库解决 https://icomoon.io/ https://www.iconfont.cn/ ......
css常用属性
参考地址:https://www.w3school.com.cn/css/index.asp css常用属性: 背景属性: background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 backgroun ......
css 选择器
更多选择器示例参考:https://www.w3school.com.cn/cssref/css_selectors.asp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器</title> <! ......
git常用命令行速查表
上传git,基本四步曲(默认master分支) 1.git pull 把远程文件同步到本地,避免发生冲突 2.git add . 暂存所有新增文件) 3.git commit -m "提交日志" 提交所有暂存(提交所有变动:git commit -m “提交日志” -a) 4.git push 推送 ......
css学习Day01
# css学习Day01 css语法 选择器{ 声明1; 声明2; 声明3; } ## 一、css四种导入方式 - 行内样式 ```html 标题 ``` - 内部样式 ```html ``` - 外部样式 链接式: ```html ``` **优先级:就近原则(谁离元素更近用谁的)** ......
K3S+Docker常用命令
##Docker - 启动镜像,检验是否成功 docker run -t imagesName:tag - 查询镜像文件 docker images - 查询启动的镜像,可以获得容器的id docker ps - 停止容器 docker stop 容器id - 查看docker 相关信息 docke ......
1、Linux常用命令及操作+2、Linux常见报错及解决方式
## 1、Linux常用命令 ### (1.1)Linux流量监控软件bwm 安装:apt-get -y install bwm-ng 使用:bwm-ng -d 设你使用的是‘curses’输出方式,那么将会用到 ‘a’, ‘t’和‘u’这三个命令键: ‘a’-在全部传感器接口和选定接口间转换 (b ......
css3
属性 浏览器前缀 transition:.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s ......
其他css3属性 圆角 三角形
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 ......
字体属性
字体 font-family font-weight 100-300无反应 细的 常规 400-500 normal 600-900 加粗 bold font-style italic oblique 文字倾斜 text-decoration none 添加修饰 text-indent 首航缩进 l ......
常见的css属性
rgb 6位0-9a-f 简写 443322=432 rgb rgb(68,41,41,0.4)最后一位是alpha颜色透明度 浮动 让元素左右排列 float :left /right/none; 文档标准流 网页中的块级元素 都会自上而下的排列 浮动会破坏元素原本的特征(独占一行的特征) 浮动是 ......
css: display:none, display:block
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri ......
String常用方法
# String常用方法 ```java package com.tedu.api01.string_; /** * @author LIGENSEN * Date: 2023/7/22 14:09 */ public class StringMethods { public static void ......
Python之Rich库-打印彩色字体,表单,进度条与状态动画
https://rich.readthedocs.io/en/latest/introduction.html Introduction¶ Rich is a Python library for writing rich text (with color and style) to the ter ......
36种漂亮的CSS3网页按钮Button样式
![加载中](https://img2023.cnblogs.com/blog/1904229/202307/1904229-20230722131851592-672654108.png "效果图") ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素,不保留位置,文档结构中存在 visibility:hidden隐藏元素,仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
css基础-position定位例子-垂直水平居中
盒子垂直居中,水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
Linux 安装常用工具,必备
## Linux 安装常用工具,必备 刚装的 `CentOS` , 有些工具有,有些没有,所以我会习惯性地装如下工具、 ```bash yum install iproute ftp bind-utils net-tools wget -y ``` 其中: `iproute` 用来执行 `ip ad ......
linux常用命令
转载 文章作者: Gallifrey 文章链接: https://gallifrey.asia/posts/fb2c02db1a9f/ 前言 本文是视频教程韩顺平 一周学会Linux部分章节的归纳总结,内容补充和错误纠正。 概述 Linux命令是一组用于在Linux操作系统上执行特定任务的命令。这些 ......
linux 常用的命令
#linux 常用命令 ## 防火墙相关命令 ###安装防火墙 ```bash yum -y install firewalld firewall-config ``` ###防火墙生命周期管理 1、为了启动防火墙,要先重启下 dbus.. ```bash systemctl restart dbu ......