一些CSS的笔记

1.margin

margin:0 auto 是指上下的值为0,左右的值为auto;

margin:auto是指上右下左的值全都auto,即都是自适应的;
margin:0; 这个是上右下左的值都为0;

2.vertical-align

vertical-align 属性设置元素的垂直对齐方式。

vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和表单输入框) ,此属性不继承。

3.text-align

text-align: 设置元素水平对齐方式 left ;center ;right;

例子:使input文本框中文字居中:

注意:需要设置宽度,text-align:center;才生效。

例如:

width: 60px;text-align:center;

4.line-height

line-height: 设置文本的行高;(height和line-height一样时,文字垂直居中)

5.text-decoration:设置文本的装饰。属性值如下:

underline:定义文本下划线

overline:定义文本上划线

line-through:定义穿过文本的一条线

6.list-style-type:

无序列表: disc 实心圆(默认); circle 空心圆; square 实体方心;none  无列表标记;

有序列表: 1 / a / A / i / I;

7.background-color:transparent;

把input 输入框设置成透明的背景:background-color:transparent;

8.letter-spacing

1.letter-spacing属性是增加(正值)或减少(负值)字符间距;

2.对于英文就是增加或减少每个字母之间的间距,对于中文就是每个文字之间的间距;

3.注意:letter-spacing属性会使元素最后一个字符后面也存在letter-spacing的值。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/238081.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于比较的排序算法总结(java实现版)

目录 什么是基于比较的排序算法 什么是排序算法的稳定性 基础排序算法的稳定性 插入排序法 希尔排序法 冒泡排序法 总结 高级算法的稳定性 快速排序法 堆排序法 归并排序法 总结 注意 什么是基于比较的排序算法 基于比较的排序算法定义:之所以能给元素…

安装gnvm,nodejs,npm使用方法

安装gnvm,nodejs,npm使用方法 一、安装gnvm gnvm.exe下载地址: https://download.csdn.net/download/hsg77/88651752 http://ksria.com/gnvm/#download 二、配置gnvm环境变量 新建目录,如:d:/nodejs 并把gnvm.exe存储到此目录 并把d:/node…

【MATLAB第85期】基于MATLAB的2023年智能进化算法/元启发式算法合集(持续更新)

【MATLAB第85期】基于MATLAB的2023年智能进化算法/元启发式算法合集(持续更新) 1.海象进化算法(Walrus Optimization Algorithm) 作者:Pavel Trojovsk and Mohammad Dehghani 2.暴龙优化算法(Tyrannosa…

安卓13上手势导航失效、手机卡死问题

问题描述&#xff1a;打开我们开发的app后&#xff0c;手势导航无法退回、无法回到桌面、无法切换应用。 使用设备&#xff1a;小米手机、MI14,、安卓13 未适配安卓13安卓x的情况下&#xff0c;检查自己的 AndroidManifest 文件&#xff0c;过滤器是否设置了 <category a…

apache poi_5.2.5 实现表格内某一段单元格的复制

apache poi_5.2.5 实现表格内&#xff0c;某一段单元格的复制。 实现思路 1.定位开始位置 2.从开始位置之后&#xff0c;在行索引集合中添加行索引下标 3.截至到结束位置。 4.对行索引集合去重&#xff0c;并循环行索引集合 5.利用XWPFTableRow对像的getCtRow().copy()方法&a…

什么是伦敦金的假突破?假突破为何有效?

部分投资者做伦敦金交易的时候喜欢追逐那些强势的行情&#xff0c;也就是我们所说的突破行情。但是突破行情会带来两种结果&#xff0c;一种是突破成功&#xff0c;而另一种是出现假突破。什么是伦敦金中的假突破呢&#xff1f;为什么假突破会有效呢&#xff1f;下面我们就来讨…

Python自动化测试(超详细总结)

Python自动化测试常用于Web应用、移动应用、桌面应用等的测试 Python自动化实现思路通常分为以下几步&#xff1a; 1. 确定自动化测试的范围和目标&#xff1a; 首先需要明确需要进行自动化测试的范围和目标&#xff0c;包括测试场景、测试用例、测试数据等。 2. 选择自动化…

考研数学二内容总结

目录 高等数学 一、函数、极限、连续 考试内容 &#x1f3c1;总结&#xff1a; 考试要求 &#x1f3c1;1&#xff0e;理解函数的概念&#xff0c;掌握函数的表示法&#xff0c;会建立应用问题的函数关系&#xff0e; 2&#xff0e;了解函数的有界性、单调性、周期性和奇…

el-tree lazy懒加载(进阶版)

2023.12.22今天我学习了el-tree如何实现懒加载&#xff0c;效果如&#xff1a; 代码如下&#xff1a; 懒加载的使用不需要用:data <template><div><el-tree:props"props":load"loadNode"lazynode-key"id"show-checkbox/><…

寒冬送温暖||关爱山东省济宁市泗水县残疾人孤寡老人暖冬行

倡导扶残助弱的社会风尚&#xff0c;共建和谐美好的社会&#xff0c;保障山区残疾人、孤寡老人特殊群体度过一个安全、温暖的寒冬。12月19日&#xff0c;潍坊市金阳公益服务中心 、济宁市泗水县残疾人联合会、山东金琉通国际文化交流有限公司志愿站 在潍坊市社会组织培育中心举…

uniapp 添加分包页面,配置分包预下载

为什么要分包 ? 分包即将小程序代码分成多个部分打包&#xff0c;可以减少小程序的加载时间&#xff0c;提升用户体验 添加分包页面 比较便捷的方法是使用vscode插件 uni-create-view 新建分包文件夹 以在我的页面&#xff0c;添加分包的设置页面为例&#xff0c;新建文件夹 s…

python:删除空白

删除字符串末尾的空白 例如&#xff0c;下面的代码&#xff0c;变量hobby指向的字符串在末尾有一个空格&#xff1a; 可以使用函数rstrip()删除字符串末尾的空格&#xff0c;如下&#xff1a; 因为删除字符串末尾的空格并没有赋值给原变量hobby&#xff0c;所以此时查看hobb…

PDF文件如何设置限制打印?

想要限制PDF文件的打印功能&#xff0c;想要限制PDF文件打印清晰度&#xff0c;都可以通过设置限制编辑来达到目的。 打开PDF编辑器&#xff0c;找到设置限制编辑的界面&#xff0c;切换到加密状态&#xff0c;然后我们就看到 有印刷许可。勾选【权限密码】输入一个PDF密码&am…

lua中的循环 while、for、repeat until三种循环方式、pairs和ipairs区别

lua中的循环 while、for、repeat until三种循环方式、pairs和ipairs区别 介绍for循环参数ipairs和pairs whilerepeat until总结 介绍 这里我用while、for、repeat until分别输出1-20之间的奇数 &#xff0c;具体的语法可以看下面的代码 for循环 参数 定义一个初始值为start…

网络基础篇【网线的制作,OSI七层模型,集线器和交换机的介绍,路由器的介绍与设置】

目录 一、网线制作 1.1 工具介绍 1.1.1网线 1.1.2 网线钳 1.1.3 水晶头 1.1.4 网线测试仪 二、OSI七层模型 2.1 简介 2.2 OSI模型层次介绍 2.2.1 结构图 2.2.2 数据传输过程 2.3 相关网站 二、集线器 2.1 介绍 2.2 适用场景 三、交换机 3.1 介绍 3.2 适用场景…

Torch 加速

loss.item() 1. 费时 loss.backward() loss_item loss.item() # todo loss.item() 这个比较费时间 0.2743 秒 2. 省时 loss_item loss.item() #todo 把它 移到 loss.backward() 前面&#xff0c;这个操作只需要 0.00027 秒 loss.backward() Index d_inv[torch.isin…

重学设计模式-Iterator(迭代器模式)

Iterator迭代器模式 介绍&#xff1a; 迭代器模式是一种行为型设计模式&#xff0c;它允许你在不暴露集合底层表示&#xff08;并不知道集合底层使用何种方式对数据尽心存储&#xff09;的情况下遍历集合中的元素。 这种模式提供了一种方法&#xff0c;可以顺序访问一个聚合…

Vue 3 新特性解锁: Fragment 的强大用途

&#x1f9d9;‍♂️ 诸位好&#xff0c;吾乃诸葛妙计&#xff0c;编程界之翘楚&#xff0c;代码之大师。算法如流水&#xff0c;逻辑如棋局。 &#x1f4dc; 吾之笔记&#xff0c;内含诸般技术之秘诀。吾欲以此笔记&#xff0c;传授编程之道&#xff0c;助汝解决技术难题。 &a…

Linux基础 - Linux ARM 原子读写

背景 在Linux Arm kernel实现原子读写64位数据&#xff1b; 接口代码 #include <linux/atomic.h> atomic64_t my_atomic_var ATOMIC64_INIT(0);void atomic_write_64(atomic64_t *v, int64_t new_value) {atomic64_set(v, new_value); }int64_t atomic_read_64(atomi…

创酷rs2022车机安装app

创酷rs2022车机安装app 前置条件操作步骤向车机推送app 创酷rs2022车机安装app&#xff0c;创酷rs2022车机进入工程模式&#xff0c;创酷rs2022车机开启adb。 前置条件 小雪OS升级到1.2版本。 操作步骤 屏幕进入主界面 依顺序点击 左上右上右下左下 输入密码1到8输入3遍&am…