CSS盒模型
CSS盒模型在CSS中所有的元素都被一个个的“盒子”包围着,CSS的布局处理元素排列正式通过盒子来实现的。
在CSS中有两种盒子是被广泛使用的:块级(block)盒子和内联(inline)盒子。这两种盒子会在页面上表现出两种不同的行为。
1 块级盒子
盒子会在内联的方向上扩展并占据父容器的在该方向上的所有可用空间,大多数情况下意味着盒子会和父容器一样宽。
每个盒子都会换行。
width和hright属性可以发挥作用。
内边距(padding)外边距(margin)和边框(border)会将其他的元素从当前格子周围推开。(相邻两个块级盒子之间的垂直间距会遵循外边距折叠原则被折叠。)
除非特殊指定,诸如h1等和段落p默认都是块级的盒子。
2 内联盒子
内联盒子不会产生换行。
width和hright属性不起作用。
垂直方向的内边距(padding)外边距(margin)和边框(border)==会被应用==,但是==不会==把其他的处于inline状态的盒子推开。
水平方向的内边距(padding)外边距(margin)和边框(border)==会被应用==, ...
CSS层叠与继承
CSS 层叠与继承
某些时候项目过程中,会有些样式效果没有生效,很有可能就是创建了应用于两个元素的同一规则。
1 层叠层叠可以理解为覆盖,简单的说就是CSS规则的顺序很重要,当应用两条同级别的规则到同一个元素的时候,最后的一个规则即是生效的规则。
123456h1 { color: red; }h1 { color: blue; }
1<h1>This is my heading.</h1>
2 优先级浏览器根据优先级决定当多个规则有不同选择器对应相同的元素的时候需要应用那个规则,他基本上是一个衡量选择器具体选择哪些区域的尺度:
外链CSS地址优先级最低。
标签选择器选择页面上该类型的所有元素,他的优先级低一点。
类选择器相对于标签选择器会具体一点,他会选择页面上中有特定class属性值的元素,所以他的优先级就要高一点。
ID选择器是针对于网页中唯一的标签属性优先级会更高一点。
内联样式优先级最高。
2.1 浏览器如何计算优先级不同的选择器会有不同的分值,把这些分 ...
CSS选择器
CSS选择器
CSS中使用选择器来指定网页上我们想要格式化的HTML元素
1 选择器列表如果有多个使用相同样式的CSS选择器,那么这些选择器可以被编排为一个列表。
1234567h1 { color: blue;}.special { color: blue;}
以上两个标签使用了同样的样式可以写成两个分开的规则,也可以则合起来,在他们之间加上逗号即可组成为一个选择器列表。
123h1, .special { color: blue;}
注意
在使用选择器列表时,如果任何一个选择器无效(存在语法错误)那么整条规则都会被疏略。
2 选择器种类
标签选择器
h1 { }
html标签
通配选择器
* { }
选择所有元素
类选择器
.box { }
类选择器
ID 选择器
#unique { }
标签选择器
标签属性选择器
a[title] { }
根据标签一个元素上某个标签 ...
记一次Docker镜像瘦身[Python]
前言:
在使用Python开发时,需要将镜像发布到私有仓库中或者阿里云仓库中,然后在K8S拉取镜像部署,但是项目经过打包后镜像大小高达3.1G。
每次打包镜像需要花费的时间太久且镜像拉取时间太长。
镜像优化历程一、初始版Dockerfile内容12345678910111213FROM python:3.8WORKDIR /appCOPY . .RUN dpkg -i rocketmq-client-cpp-2.0.0.amd64.deb RUN pip install -i https://mirrors.aliyun.com/pypi/simple/ --no-cache-dir -r requirements.txtRUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && echo 'Asia/Shanghai' >/etc/timezoneCMD ["sh", "run.sh"]
...
部署Kuboard
参考链接
安装 Kuboard v3 - 内建用户库 | Kuboard
Kuboard 是一款专为 Kubernetes 设计的免费管理界面,兼容 Kubernetes 版本 1.13 及以上。Kuboard 每周发布一个 beta 版本,最长每月发布一个正式版本,经过两年的不断迭代和优化,已经具备多集群管理、权限管理、监控套件、日志套件等丰富的功能,并且有 1000+ 的企业将 Kuboard 应用于其生产环境。
一、前期准备
搭建完成Kubernetes 集群。
Docker 安装完毕
二、安装Kuboard
123456789sudo docker run -d \ --restart=unless-stopped \ --name=kuboard \ -p 80:80/tcp \ -p 10081:10081/tcp \ -e KUBOARD_ENDPOINT="http://192.158.59.130:80" \ -e KUBOARD_AGENT_SERVER_TCP_PORT="1 ...
虚拟机K8s集群搭建
参考链接
安装 Kubernetes 多集群管理工具 - Kuboard v3 | Kuboard
安装Kubernetes(k8s)保姆级教程—无坑版 - Sunzz - 博客园
一、前期准备1.1 系统环境VMware 虚拟机环境下
系统:Ubuntu 22.04 LTS
CPU:2核 | 内存:4G | 硬盘:50G
1.2 节点信息master: 192.168.59.130
node01: 192.168.59.131
node02: 192.168.59.132
确保每个虚拟机唯一节点、网络通畅、开放端口:6443,禁用Swap
1.3 关闭防火墙根据使用的网络模式选择,此处关闭。
1systemctl stop firewalld && systemctl disable firewalld && iptables -F
1.4 关闭 selinux安全增强型 Linux(Security-Enhanced Linux)简称 SELinux,它是一个 Linux 内核模块,也是 Linux 的一个安全子系统)关 ...
Python三器一闭
1、迭代器什么是迭代?
迭代是重复反馈过程的活动,其目的通常是为了逼近所需目标或结果。每一次对过程的重复称为一次“迭代”,而每一次迭代得到的结果会作为下一次迭代的初始值。
什么是可迭代对象?Python中的可迭代对象并不是指某一种具体的数据类型,是指存储了若干个元的容器,且这这个容器中的元素可以通过__iter()__ 和 __getitem__() 访问。
常用的可迭代对象有:list、tuple,dict,str,set、生成器和带有yield的生成器函数。
判断一个对象是否是可迭代对象:
123from collections.abc import Iterableprint(isinstance([], Iterable)) # True
获取可迭代对象的迭代器
12345item = range(10)print(type(item)) # <class 'range'>iterator = iter(item)print(type(iterator)) # <cl ...
Docker部署MySQL8
s
1、安装Docker略
2、直接运行命令后台启动MySQL,然后进入容器中设置MySQL用户。
1docker run -d -p 3306:3306 --name MYSQL8.0 -e MYSQL_ROOT_PASSWORD=123456 mysql:latest
3、设置MySQL远程连接以及密码1、进入容器内部1docker exec -it 容器ID/容器名 bash
2、登录MySQL1mysql -uroot -p123456
3、 设置root用户名以及密码规则设置密码不过期
1alter user 'root'@'%' identified by '123456' password expire never;
设置密码规则
1alter user 'root'@'%' identified with mysql_native_password by '123456';
4、刷新权限1flush privil ...
Docker部署常见应用[持续更新中]
一、Nginx1234567891011121314151617version: '3'services: nginx: image: nginx container_name: nginx ports: - 80:80 - 443:443 volumes: - /opt/apps/web_apps:/opt/apps/web_apps - /opt/apps/nginx/cert:/opt/apps/nginx/cert - /opt/apps/nginx/nginx.conf:/etc/nginx/nginx.conf - /opt/apps/nginx/conf.d:/etc/nginx/conf.d - /opt/apps/nginx/logs:/var/log/nginx restart: always
1. nginx.conf 默认配置1234567891011121314151617181920212 ...
Pulsar
敬请期待…