间距 组件css
深航电企业评价评级系统可视化（HTML，CSS，JS）
一.项目背景 深航电企业评价评级系统EERS是一款企业绩效评价平台，旨在为企业提供科学、全面、精准的绩效评价服务，帮助企业发现问题、改进管理，提高整体绩效。 EERS评级系统借助大数据、云计算、人工智能等现代技术手段，将企业绩效数据进行多维度、系统化、动态化分析，为企业提供可视化的评级结果，帮助企业 ......
WebKit Inside: CSS 样式表的解析
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。 为了理解 CSS 的加载与解析，需要对 CSS 样式表的组成，尤其是 CSS Selector 有所了解，相关部分可以参看这里。 HTML 文件里面引入 CSS 样式表有 3 种方式: ......
CSS关系选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
Html和Css中的一些属性
1、alt属性：alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。 <img class="project_img" src="@/assets/music_project.jpg" alt ......
CSS-01 乱码
造成乱码的问题是： 文档保存的时候选择的编码方式和打开文档时使用的编码方式不一样。 当然现在都是统一使用utf-8:万国码。 正常文档格式： <!DOCTYPE html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> ......
Vue之组件基础使用的总结
这两天学习Vue,框框往脑子里面记新东西，无奈本人太笨，记不住太多东西，因此发博客记录并且复习一下。 在学习组件之前，需要先搭建起来脚手架，首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口，创建项目的路径我就以桌面为例： 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
pyqt5-QSplitter分裂器组件
1、介绍 QSplitter，分裂器组件。用于水平或垂直方向上布局管理，可以拖动其内某一方向上的分隔线，改变各组件在该方向上的尺寸分配。 QSplitter(parent: typing.Optional[QWidget] = None) QSplitter(orientation: Qt.Orie ......
pyqt5-QInputDialog输入对话框组件
1、介绍 QInputDialog输入对话框，提供了五种输入模式，进行快捷的输入交互。 对话框打开时，无论是否设置parent，都不能操作其它窗口 返回tuple类型，索引1为bool类型，为True表示点击Ok按钮关闭对话框，为False则是点击Cancle按钮或窗口右上角关闭按钮 调用方法时，必 ......
pyqt5-QMainWindow主窗口组件
1、介绍 QMainWindow，主窗口组件。 该类型组件相比于QWidget作为窗口而言，主要是增加了菜单栏、状态栏和工具栏 2、基础使用 setIconSize(self, iconSize: QSize) 设置图片大小 iconSize(self) -> QSize 获取图片大小 setMen ......
pyqt5-QGroupBox分组箱组件
1、介绍 QGroupBox，分组箱组件。作用是将多个组件归纳为一组，方便ui设计和使用提示。 2、基础使用 setTitle(self, a0: str) 设置标题文本 title(self) -> str 获取标题文本 setCheckable(self, b: bool) 设置是否可选。默认为 ......
pyqt5-QComboBox下拉列表组件
1、介绍 QComboBox，下拉列表组件。 2、项操作 clear(self) 清除项 addItem(self, text: str, userData: Any = None) addItem(self, icon: QIcon, text: str, userData: Any = None ......
uniapp中的三种组件
uni-app中的模板 —— <template>： 第一类：内置组件/原生组件 —— 无需导入直接使用 view、text、image、button、input 第二类：扩展组件(uni-ui组件库) —— 先下载再使用 uni-rate、uni-number-box 第三类：自定义组件 —— 先 ......
pyqt5-QListWidgetItem列表项组件
1、介绍 QListWidgetItem，列表项组件。 QListWidgetItem(parent: typing.Optional[QListWidget] = None, type: int = QListWidgetItem.Type) QListWidgetItem(text: str, ......
pyqt5-QListWidget列表组件
1、介绍 QListWidget，列表组件 2、基础使用 addItem(self, aitem: QListWidgetItem) addItem(self, label: str) 添加项 addItems(self, labels: Iterable[str]) 添加多个项 item(self ......
CSS定位问题
CSS定位问题 CSS定位分为 静态定位，相对定位，绝对定位，固定定位 默认不设置情况下为静态定位 position:static 静态定位 position:relative 相对定位 position:absolute 绝对定位 position:fixed 固定定位 相对定位 相对定位，即 ......
pyqt5-QTableWidgetItem表格单元格组件
1、介绍 QTableWidgetItem，表格单元格组件。 QTableWidgetItem(type: int = QTableWidgetItem.ItemType.Type) QTableWidgetItem(text: str, type: int = QTableWidgetItem.I ......
CSS浮动以及背景属性
CSS浮动以及背景属性 标准文档流 在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。 CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。 浮动的基本使用： <style> *{ float:left /* 左浮动 */ float: ......
pyqt5-QTableWidget表格组件
1、介绍 QTableWidget，表格组件。 2、行和列 setColumnCount(self, columns: int) 设置表格的列数，默认是0 如果列数为0，则不会显示行，即使行数不为0 columnCount(self) -> int 返回表格的列数 setRowCount(self, ......
pyqt5-QWidget基础组件
1、介绍 QWidget，是pyqt5几乎所有组件的父类。同时也是窗口组件之一。 2、基础使用 show(self) 显示组件 如果是作为窗口，那么必须调用show方法，窗口才会显示 hide(self) 隐藏组件 close(self) -> bool 关闭窗口 3、标题栏 setWindowTi ......
pyqt5-QTabWidget标签页组件
1、介绍 QTabWidget，标签页组件。 2、基础使用 clear(self) 清除所有子页面 addTab(self, widget: QWidget, a1: str) -> int addTab(self, widget: QWidget, icon: QIcon, label: str) ......
pyqt5-QPlainTextEdit多行文本框组件
1、介绍 QPlainTextEdit，多行文本框组件。 2、基础使用 setPlaceholderText(self, placeholderText: str) 设置占位文本 placeholderText(self) -> str 获取设置的占位文本 setPlainText(self, te ......
WebKist Inside: CSS 样式表的组成
StyleSheet 一张 StyleSheet 由一系列 Rules 组成，这些 Rules 可以分成 2 大类: Style Rule 和 At-Rule。下面的例子展示了 Style Rule 和 At-Rule: // Style Rule div { background-color: r ......
pyqt5-QLineEdit单行文本框组件
1、介绍 QLineEdit，单行文本框组件。 2、基础使用 setText(self, a0: str) 设置显示文本 text(self) -> str 获取显示文本 setPlaceholderText(self, a0: str) 设置占位文本 placeholderText(self) - ......
纯css实现Tooltip提醒
<!DOCTYPE html> <html> <style> .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibi ......
QPushButton按钮组件
1、介绍 QPushButton，按钮组件。 2、基本设置 setText(self, text: str) 设置显示文本 text(self) -> str 获取设置的显示文本 setIcon(self, icon: QIcon) 设置图片 icon(self) -> QIcon 获取设置的图片 ......
QLabel标签组件
1、介绍 QLabel，标签组件。可以设置文本，也支持设置图片。 2、文本 setText(self, a0: str) 设置显示文本，一般是设置直接文本 支持设置html的文本值，会进行解析并显示。支持font和p等标签，多个空白符会合并为单个空格显示，<br>和其它换行效果会支持显示 text( ......
WebKit Inside: CSS 样式表解码字符集
CSS 样式表引入有3种方式: 外部样式表、内部样式表、行内样式，不同的引入方式，解码样式表的字符集原理不一样。 外部样式表 外部样式表由 link 标签引入，当 WebKit 解析到 link 标签时就会构造 CachedCSSStyleSheet 对象。这个对象持有 CachedResource ......
CSS 样式表引入的3种方式
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。HTML 文件里引入 CSS 样式有3种方式: 外部样式表、内部样式表、行内样式。 外部样式表 外部样式表通过 link 标签引入: <link rel='stylesheet' type ......
CSS 基础 4 - CSS 常用单位
CSS 基础 4 - CSS 常用单位 px：基础单位 em：相对当前父容器的系数，可以累乘 rem：相对根 <html> 的系数，方便计算 vw/vh：viewport width/height，整个浏览器的大小，取值范围 1-100 如 100vh，占满高度，如果出现滚动条，是因为 body 预 ......
CSS 基础 3 - 定位 Postion 属性
CSS 基础 3 - 定位 Postion 属性 static position 属性的默认值，元素随 HTML 流移动 top/left/right/bottom 属性无效 relative 和 static 类似，元素随 HTML 流移动。区别： 比 static 多了 top/left/rig ......