学习Qss

您所在的位置:网站首页 更改字体间距 学习Qss

学习Qss

#学习Qss| 来源: 网络整理| 查看: 265

文章目录 字体属性fontfont-stylefont-weightfont-sizefont-family连写格式 文本属性text-aligntext-decoration width与heightmax-width、min-width和max-height、min-heightoutline

字体属性font font-style

作用:设置字体风格 取值:

取值效果normal正常italic斜体oblique倾斜的字体关于italic和oblique的区别:

他们呢都是向右倾斜的文字,大多数情况下看不出任何区别,但是原理却不一样。要高清楚这个问题,首先要明白字体是怎么回事。一种字体右粗体、斜体、下划线、删除线等诸多属性。但是宾不是所有字体都做了这些,一些不常用的字体,或许就只有正常体,如果你用italic,就没有效果了,这时候就要用oblique。可以理解成ltalic是使用文字的斜体,oblique是让没有斜体属性的文字倾斜!

font-weight

作用:设置文字的粗细 取值:它右两种取值,一种是单次表示: normal:正常粗细 bold:加粗 另一种是整数表示,整数越大,字体越粗: 100,200,300,…,900

font-size

作用:设置字体大小 取值:字体大小的取值是一个数值加上单位。它的单位有px,pt,但是一般都使用px,表示多少个像素,如20px,表示字体的宽和高 说明:实际上它设置的是字体合纵字符框的高度;实际的字形可能比这些框高或矮(通常会矮)。各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。

font-family

作用:设置文字字体 取值:各种字体名称 Qt中可选的字体列表:

字体英文名微软雅黑Microsoft YaHei宋体SimSun黑体SimHei仿宋FangSong楷体KaiTi隶书LiSu幼圆YouYuan华文细黑STXihei华文楷体STKaiti华文宋体STSong华文中宋STZhongsong华文仿宋STFangsong方正舒体FZShuti方正姚体FZYaoti华文彩云STCaiyun华文琥珀STHupo华文隶书STLiti华文行楷STXingkai华文新魏STXinwei

注意:如果字体是中文,尽量用双引号括起来;QSS中的font-family只能指定一种字体。

连写格式

格式:

font: style weight size family

这种书写格式中的注意点:

style和weight的位置可以交换,并且可以省略;size不能被省略;size和family必须卸载其他两个属性的后面,并且位置不能交换;family可以省略,省略后使用默认字体。

举例:

QTextEdit { font: normal normal 30px "隶书"; background-color: skyblue; } 文本属性 text-align

作用:设置文本的对齐方式 取值:

取值效果top向上对齐bottom向下对齐left向左对齐right向右对齐center居中对齐注意:支持这个属性的控件目前只有QPushButtom和QProgressBar。格式: text-align: 水平对齐方式(left,right,center) 垂直对齐方式(top bottom center);

举例:

QPushButton { background-color: pink; min-height: 80px; text-align: left top }

在这里插入图片描述

text-decoration

作用:给文本添加装饰 取值:

取值效果none没有装饰underline下划线overline上划线line-through删除线举例: QTextEdit { font: normal normal 30px "微软雅黑"; } #text_edit1 { text-decoration: none; } #text_edit2 { text-decoration: underline; } #text_edit3 { text-decoration: overline; } #text_edit4 { text-decoration: line-through; }

在这里插入图片描述

width与height

这两个属性设置的是盒子内容的宽高; 这两个属性只对子控件选择器选中的对象有效; 这两个属性的取值均是像素值,即数字加像素单位px;

max-width、min-width和max-height、min-height

这四个属性对所有的widget都有效,用来设置盒子内容的最小或最大尺寸; 当最小宽度与最大宽度相等时,意味着给这个盒子的内容设置了一个固定宽度; 当最小高度与最大高度相等时,意味着给这个盒子的内容设置了一个固定高度。

outline

outline(轮廓)是控件有焦点时,绘制在边框边缘的外围,可起到突出作用,轮廓线不占据控件,也不一定时矩形。 它有如下属性: outline outline-color outline-offset outline-style outline-radius outline-bottom-left-radius outline-bottom-right-radius outline-top-left-radius outline-top-right-radius 当我们想在一个控件有焦点时,不绘制轮廓,只需要:

outline: none


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3